Tempered Amber color palette — #FFF2EC · #FFD6B3 · #CC8E3E · #876716 · #4C4214
A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Peach Cream (#FFD6B3): A whisper-light, dusty gold — the color of old brass.
- Mustard (#CC8E3E): A luminous, balanced gold — the color of afternoon light on wheat.
- Ochre (#876716): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#4C4214): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Linen Veranda color palette (#FFF4E0, #F6DB8C, #AAA13D, #707927, #304420)
- Wandering Chapel color palette (#FFE5DA, #F4B293, #E19C48, #968100, #424C1A)
- Sunlit Bronze color palette (#F3DAD8, #DE9268, #A46900, #5E5500, #002F25)
- Weathered Taupe color palette (#FFF4E0, #FEE8A2, #BEA354, #745D00, #221A00)
- Dusty Coral Atelier color palette (#FFF1F5, #FFCBCF, #DA7D76, #A65F4D, #62391E)
- Ancient Cocoa color palette (#FEF4E1, #D8E8C4, #AECCE0, #BB9671, #604A00)
- Muted Bronze color palette (#FFECE0, #B27100, #674900, #2C2400, #040400)
- Mustard Workshop color palette (#FFE6CC, #EFAC00, #958000, #5A5B00, #232A00)
Browse the whole catalog at Explore, or see today's palette.