Tempered Amber color palette — #FFF1F6 · #C9864C · #527541 · #50437C · #274531

Mustard and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C9864C): A luminous, balanced gold — the color of old brass.
• Olive (#527541): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#50437C): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#274531): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro, 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

• Wandering Boulevard color palette (#FFF1F5, #C88472, #6C6E2C, #464580, #50333F)
• Ancient Ridge color palette (#FFF0FB, #B3A878, #468573, #6B4D70, #304F46)
• Antique Corridor color palette (#FEF0DA, #B3985F, #60743A, #054588, #2D2100)
• Antique Moss Summit color palette (#EAFAED, #CAAD71, #779243, #39659B, #254534)
• Feathered Summit color palette (#FFF1F1, #7A9A00, #006E72, #711D5E, #133F23)
• Petrol Grove color palette (#EDF9EC, #B07D38, #2F659F, #4D3A7B, #472448)
• Aubergine Station color palette (#FFDCCE, #9E7600, #00623F, #540075, #292C00)
• Forest Terrace color palette (#F9F3F9, #BBE4F1, #5A93A9, #3D6F47, #304967)

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