Tempered Amber color palette — #F2EDDE · #AE8E00 · #5F5C17 · #38342E · #0D0600

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

The five colors

• Cream (#F2EDDE): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#AE8E00): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5F5C17): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#38342E): quiet, heavy and certain.
• Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Soft Summit color palette (#EBEAD9, #7AA200, #3A662E, #2D3A13, #0A0700)
• Dusty Ember color palette (#FDE3D8, #EA6200, #7B4D25, #3A332F, #0F0502)
• Muted Harbor color palette (#F3EAD2, #917400, #2C3F09, #221900, #0F0500)
• Tempered Mustard Basin color palette (#F7F2E3, #C4BB52, #8A7C33, #685200, #24211C)
• Weathered Mint Canyon color palette (#DDEAD2, #00C79D, #62775B, #464C40, #171913)
• Pine Alley color palette (#D9E3C7, #00905C, #064E3E, #1A200B, #020200)
• Washed Lime Parlor color palette (#F0ECD0, #8ED944, #5AAD54, #96752F, #1D3600)
• Ancient Orchard color palette (#EEEEDF, #B6BA00, #849B00, #5D7E00, #203E00)

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