Tempered Amber color palette — #F8E7DB · #B58900 · #596400 · #084004 · #001812

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

The five colors

• Parchment (#F8E7DB): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B58900): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#596400): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#084004): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001812): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Chalky Drift color palette (#ECE8C6, #8E9800, #536D00, #204200, #002B22)
• Amber Canyon color palette (#F3E1DD, #DE7600, #7A5E00, #383900, #031600)
• Marigold Cabin color palette (#FBEBDF, #CA9E00, #707F00, #1A6300, #003023)
• Wandering Moss color palette (#F1F1CC, #659741, #006849, #003631, #001015)
• Gentle Loft color palette (#F8E3D0, #A47600, #25690B, #3E0065, #151200)
• Pale Corridor color palette (#FFF8BC, #C6CA00, #728900, #304F00, #021A01)
• Tempered Drift color palette (#FFECF2, #C5BB8C, #7E945C, #215E3D, #00322A)
• Muted Moss color palette (#F5F6C1, #FFAA59, #A99B00, #00845F, #0A1300)

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