Tempered Amber color palette — #FCE7D3 · #AF8E00 · #556200 · #283F7B · #392C00
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#FCE7D3): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#AF8E00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#556200): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#283F7B): A deep, shadowed, balanced violet — the color of wild irises.
- Espresso (#392C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Gentle Fern color palette (#F9DFCF, #B48E44, #586200, #483067, #1F1400)
- Moss Market color palette (#FBEAC4, #77A300, #006D36, #4B366B, #243400)
- Powdered Olive Summit color palette (#FCE3F0, #CFA444, #708100, #624F85, #3C2B00)
- Tempered Cypress Delta color palette (#F9F6E3, #7AA87F, #15735E, #653D47, #333A00)
- Patina Olive color palette (#FCF4E9, #B6B376, #607E48, #6E4F5F, #45423B)
- Dusty Olive color palette (#F3E4D1, #726F00, #204100, #231A40, #111000)
- Orchid Market color palette (#EEDCFF, #B137FF, #757500, #6F00A7, #303000)
- Dusty Pine Veranda color palette (#EAEAD5, #00905F, #00504A, #42213B, #151E02)
Browse the whole catalog at Explore, or see today's palette.