Tempered Amber color palette — #FAEBDE · #C18E22 · #7F7C00 · #2A5B00 · #003321

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

The five colors

• Cream (#FAEBDE): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C18E22): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#7F7C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#2A5B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003321): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Dusty Amber color palette (#F6ECDA, #AA9000, #666500, #334600, #003224)
• Airy Boulevard color palette (#FFE0C0, #DAAB00, #798800, #0F5808, #002314)
• Amber Harbor color palette (#FBD6D0, #DB7F4C, #976300, #544D00, #1D3700)
• Hazy Pine Lagoon color palette (#F1E7DB, #C8AE54, #7A9400, #16730E, #004637)
• Ancient Pine color palette (#F6EDD5, #8CA93B, #0D9021, #005A3C, #003431)
• Pale Olive color palette (#D7F4BB, #8FBB69, #498D00, #294900, #0D1B00)
• Quiet Aqua Basin color palette (#F7EDCA, #C9DAB1, #49CAF9, #9D6500, #1E380F)
• Gentle Indigo color palette (#E0DFCC, #93B955, #7761CA, #507000, #2B1B57)

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