Tempered Amber color palette — #DEFFE5 · #CB7219 · #6F6000 · #004D65 · #4B2F00

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DEFFE5): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#CB7219): A luminous, balanced gold — the color of old brass.
• Olive (#6F6000): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#004D65): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#4B2F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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 Quarry color palette (#DEFFE5, #CF6A62, #895100, #005051, #552513)
• Quiet Navy Harbor color palette (#DFFFE5, #AB8700, #466E00, #003D98, #3B3700)
• Bronze Field color palette (#CBE6D0, #A56700, #515000, #003754, #302100)
• Frosted Field color palette (#E4FDE3, #FFC7B9, #E29100, #7E8100, #443200)
• Misty Ember Chapel color palette (#DCFCDE, #ED584F, #6C6300, #272E8F, #2F0F20)
• Coral Garden color palette (#FFF3E3, #FF7966, #888100, #3D54A5, #512A04)
• Powdered Bronze color palette (#FFF1F6, #B26A00, #006C36, #004468, #4F0E4F)
• Bronze Study color palette (#DBEEDD, #896000, #302C00, #231500, #0F0300)

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