Tempered Amber color palette — #D4DFFA · #00C1D4 · #DE8700 · #3E2200 · #201203

Mustard and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4DFFA): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#00C1D4): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#DE8700): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#3E2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#201203): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Tempered Amber into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Ember Corridor color palette (#D7F8F2, #8EB8FF, #E25900, #3D1E07, #200E03)
• Washed Ridge color palette (#CEEFFA, #CBD0FF, #E78300, #2E1600, #040001)
• Marigold Study color palette (#F9D6D8, #86D6FF, #FFA842, #443F39, #312B25)
• Moss Garden color palette (#FBEAF9, #9DA9FF, #8EA300, #272E00, #161201)
• Weathered Clover Summit color palette (#C1E8EC, #08C635, #B58C00, #1D2109, #051309)
• Cobalt Veranda color palette (#E9DCE6, #0094D0, #8E7E00, #141100, #030200)
• Amber Cabin color palette (#CEECF1, #F0A8FF, #E27C00, #3E3833, #221A13)
• Washed Garden color palette (#E8F1FF, #D298E1, #B08200, #3C2A00, #180D00)

Browse the whole catalog at Explore, or see today's palette.