Tempered Amber color palette — #CAE7CF · #CF7C00 · #736C00 · #004E6F · #312000

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#CAE7CF): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#CF7C00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#736C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#004E6F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#312000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Aged Ember Cabin color palette (#C7E8CE, #EA6045, #8F5D00, #005258, #3B1905)
• Marigold Ridge color palette (#E0F5E4, #D59209, #748000, #005991, #1D3726)
• Sunlit Olive color palette (#C7E8CE, #AA9100, #357C00, #2A4289, #002C1F)
• Softworn Meadow color palette (#DFEDE2, #A07A00, #466300, #003575, #1A1600)
• Hushed Marigold Study color palette (#FFF4E0, #D39400, #7A6B00, #004B3B, #1A1100)
• Aged Amber color palette (#D6E7D4, #B67700, #00764A, #004672, #370732)
• Wandering Rust color palette (#CBE7CE, #C64900, #495300, #1E2A6F, #132B11)
• Frosted Moss color palette (#EFDBBF, #EC9058, #8F8D00, #565EA6, #341F00)

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