Tempered Amber color palette — #DDFBE3 · #B48A07 · #4E6E00 · #003B81 · #211D00

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

The five colors

• Honeydew (#DDFBE3): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#B48A07): A luminous, balanced gold — the color of old brass.
• Olive (#4E6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003B81): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#211D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Misty Coast color palette (#D9FDE0, #9D9523, #00761D, #2C09AE, #191F00)
• Washed Amber color palette (#DEFAE4, #D37526, #736000, #004559, #2A1700)
• Hazy Navy color palette (#D1E8D5, #8B780A, #215B00, #0F0986, #0E1000)
• Powdered Aubergine color palette (#FFF3E8, #CC7100, #407C15, #481984, #433307)
• Aubergine Corridor color palette (#E3F9E7, #8BA673, #207C64, #503675, #002926)
• Timeworn Nightshade color palette (#E0F9E8, #9B8000, #006A5D, #1316A2, #32001A)
• Ultramarine Corridor color palette (#FFF4E2, #D0A000, #658D00, #0557B3, #3D3600)
• Moonless Garden color palette (#DDF6EA, #726F00, #1D300C, #121100, #000501)

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