Tempered Amber color palette — #DCF4E6 · #B59116 · #665800 · #2F2800 · #000201
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DCF4E6): A whisper-light, dusty teal — the color of glacier melt.
- Mustard (#B59116): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#665800): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#2F2800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Amber Ridge color palette (#F7E0EA, #C3892C, #864400, #401E00, #060002)
- Moss Grove color palette (#DCF7F0, #988800, #385300, #0E1900, #000202)
- Linen Mustard Dune color palette (#CBEEDE, #DEBC33, #858400, #525100, #111000)
- Hushed Bronze color palette (#F3E8D0, #7F6400, #32393F, #241E00, #040300)
- Ancient Courtyard color palette (#CDE4E6, #9EB057, #007A5F, #004433, #000304)
- Moss Corridor color palette (#E3FBF7, #D7D47D, #57A341, #266E0A, #00201C)
- Sunlit Pine color palette (#CCE4E1, #BCBE6A, #239045, #005822, #000F0D)
- Emerald Pier color palette (#D6EAE4, #00A269, #00796B, #004787, #000F09)
Browse the whole catalog at Explore, or see today's palette.