Tempered Amber color palette — #CCF2FF · #E7B9FF · #DF8A00 · #3A342F · #261D13

Mustard takes the lead with Lavender close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Frost (#CCF2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#E7B9FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Mustard (#DF8A00): A luminous, balanced gold — the color of old brass.
• Espresso (#3A342F): quiet, heavy and certain.
• Onyx (#261D13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Coral Orchard color palette (#C8F2F4, #E4BBFF, #E97B79, #5A302F, #2C1811)
• Powdered Amber color palette (#F9E5F7, #00BEE0, #D09000, #352000, #1C1205)
• Misty Field color palette (#E3D9EF, #5ED0FF, #D1B300, #453B09, #2D2208)
• Hazy Moss Hollow color palette (#E0DFF4, #FFA65C, #8D9B00, #2B3000, #1C1803)
• Mint Station color palette (#FFDFDC, #00DAA4, #C0A800, #143E2B, #0C2518)
• Antique Tangerine Boulevard color palette (#FFF2EA, #F98240, #3F6ED3, #A33773, #44200C)
• Timeworn Orchard color palette (#FCF4E4, #E4B24C, #7B6800, #463A00, #221906)
• Aged Workshop color palette (#F4DEF0, #B7B9FF, #8DCB00, #2E3E19, #212013)

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