Tempered Amber color palette — #E5F8E8 · #CA8E3B · #6C7030 · #0F4B70 · #132819
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E5F8E8): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#CA8E3B): A luminous, balanced gold — the color of honey in a jar.
- Olive (#6C7030): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#0F4B70): A deep, shadowed, balanced blue — the color of open sky before noon.
- Onyx (#132819): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, 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
- Softworn Field color palette (#E3F9E7, #E07D5A, #866526, #00505B, #311B26)
- Mustard Harbor color palette (#E7F7EA, #B6AF55, #5F835F, #45526E, #1D312A)
- Softworn Amber Studio color palette (#FFF3E4, #C58857, #677035, #46467D, #413C36)
- Misty Amber Lagoon color palette (#EAF6EB, #B88200, #007751, #0F446A, #2F102E)
- Worn Mustard Corridor color palette (#FFF4DE, #CDAD66, #8B8A4C, #007465, #403D36)
- Hushed Bronze color palette (#D9EDE0, #8C7200, #1B372E, #0C1911, #040704)
- Worn Delta color palette (#F4ECDC, #977D00, #326000, #001C89, #131300)
- Feathered Cabin color palette (#FFF0D2, #75A200, #007355, #472978, #032402)
Browse the whole catalog at Explore, or see today's palette.