Tempered Amber color palette — #ECF5EB · #C68F3F · #435F56 · #313B31 · #252023
Mustard takes the lead with Pine close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#ECF5EB): a clean, paper-quiet neutral.
- Mustard (#C68F3F): A luminous, balanced gold — the color of honey in a jar.
- Pine (#435F56): A full-bodied, dusty teal — the color of sea glass.
- Forest (#313B31): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#252023): a grounded near-black with real depth.
Feels like: 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
- Muted Field color palette (#FBEDF8, #DE7B73, #495F48, #40333E, #232026)
- Mustard Quarry color palette (#EAF6EA, #D9AF6D, #6D8173, #4D584E, #271F22)
- Wandering Courtyard color palette (#FCF0E0, #A57100, #3F3C35, #2F271D, #171510)
- Hushed Station color palette (#D7E9E6, #65A155, #2C545C, #1A332F, #141A17)
- Hushed Harbor color palette (#E9FBED, #C9AE66, #C38CD5, #AE81A7, #34483A)
- Cellar Olive Grove color palette (#CDEDDD, #7A7500, #003E1F, #001C11, #0B0204)
- Patina Powder Veranda color palette (#EAF9F4, #B7CF8C, #A2ABF1, #7F9750, #424D66)
- Weathered Teal color palette (#EFF8F1, #B7DAD0, #6FAB8C, #7C7A92, #3D524C)
Browse the whole catalog at Explore, or see today's palette.