Tempered Amber color palette — #CDEBDA · #CF7400 · #8C7500 · #266800 · #030300
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CDEBDA): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#CF7400): A luminous, balanced gold — the color of afternoon light on wheat.
- Walnut (#8C7500): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#266800): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Olive Villa color palette (#CDE9E4, #AA8D00, #5D8A00, #006853, #000300)
- Powdered Coral color palette (#FFE7EF, #EF6451, #A96100, #585800, #050200)
- Hushed Rose color palette (#E0EEE3, #E24950, #705A00, #004732, #020200)
- Chalky Market color palette (#F1F1DC, #657700, #2A5900, #012F05, #000903)
- Aged Chapel color palette (#F5EFE0, #FF6B65, #B29100, #008E83, #010300)
- Forest Harbor color palette (#EAE3C8, #6F7E56, #0C5F3F, #222D5B, #1B072A)
- Pine Thicket color palette (#DFF3EE, #428553, #00523D, #432200, #000902)
- Aubergine Workshop color palette (#C2EBE4, #348F24, #6C1688, #0D4503, #0D0014)
Browse the whole catalog at Explore, or see today's palette.