Tempered Amber color palette — #F3E3DF · #CC7200 · #7E5400 · #514500 · #0C3B1A
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F3E3DF): bright and airy, almost weightless.
- Mustard (#CC7200): A luminous, balanced gold — the color of old brass.
- Coffee (#7E5400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#514500): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#0C3B1A): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Weathered Coast color palette (#F6EBE0, #AF8500, #656A00, #394D00, #00411A)
- Soft Marigold Pier color palette (#F2DBC8, #E09000, #A67200, #6F5100, #3D3000)
- Sunlit Rose color palette (#F7E4E7, #FA2836, #A44400, #5E3700, #2E3000)
- Patina Grove color palette (#CEEED5, #A57E00, #0069E2, #634A00, #002A64)
- Wandering Alley color palette (#FFF0F8, #E2B486, #A2833F, #69662C, #2E574D)
- Amber Field color palette (#FEE87C, #B49900, #6E5B00, #393300, #201B00)
- Jade Terrace color palette (#D8FFE2, #C0DA8D, #31C289, #954000, #413F00)
- Velvet Grove color palette (#FFECDA, #7B5300, #372E00, #131900, #020900)
Browse the whole catalog at Explore, or see today's palette.