Amber Waves
#ECBF7FA balanced orange with golden warmth that envelops a room without overpowering it.
Spec Sheet
Hex#ECBF7F
RGB236, 191, 127
HSL35°, 74%, 71%
On White 1.7:1 Fail
On Black 12.33:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F6F5F4 Text: #2A251D Accent: #ECBF7F Support: #557DB4 Neutral: #CCCEBB Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Amber Waves Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F6F5F4;
--palette-ink: #2A251D;
--palette-accent: #ECBF7F;
--palette-support: #557DB4;
--palette-neutral: #CCCEBB;
}Tailwind Config
{
"palette-background": "#F6F5F4",
"palette-ink": "#2A251D",
"palette-accent": "#ECBF7F",
"palette-support": "#557DB4",
"palette-neutral": "#CCCEBB"
}Color Blindness Simulation
#D0C07A
Protanopia#DBCB81
Deuteranopia#FCB3AF
TritanopiaBuild a design system around Amber Waves.