Amber Wave
#D28240A warm, saturated orange value equally at home in contemporary and traditional settings.
Spec Sheet
Hex#D28240
RGB210, 130, 64
HSL27°, 62%, 54%
On White 3:1 AA Large
On Black 7.01:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEDEB Text: #291E14 Accent: #D28240 Support: #5A7B96 Neutral: #DBDAC7 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 Wave Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEDEB;
--palette-ink: #291E14;
--palette-accent: #D28240;
--palette-support: #5A7B96;
--palette-neutral: #DBDAC7;
}Tailwind Config
{
"palette-background": "#EFEDEB",
"palette-ink": "#291E14",
"palette-accent": "#D28240",
"palette-support": "#5A7B96",
"palette-neutral": "#DBDAC7"
}Color Blindness Simulation
#9A8A39
Protanopia#AD9C40
Deuteranopia#E57173
TritanopiaBuild a design system around Amber Wave.