Tempered Amber color palette — #F2F5FF · #C1B5FF · #A78900 · #65801D · #241646
Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lavender (#C1B5FF): A luminous, balanced violet — the color of twilight just after sunset.
- Mustard (#A78900): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#65801D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#241646): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Quiet Olive color palette (#F4F4FF, #C18FD9, #949E38, #7D8600, #1B1634)
- Linen Grove color palette (#EDF7FF, #7ECAFF, #DB6400, #996C00, #00243A)
- Hushed Lilac Meadow color palette (#F2F5FF, #AA8DFD, #707800, #256B2C, #11012B)
- Dusty Cabin color palette (#F2F5FF, #AC9FFF, #E77F00, #C26D00, #22154B)
- Chalky Indigo color palette (#E5EAFF, #6267FF, #767800, #33692D, #282D50)
- Weathered Emerald Delta color palette (#F7F3FF, #FF99E2, #2CA72C, #00876E, #3B0830)
- Fuchsia Meadow color palette (#F7F3FF, #ED72CF, #CB7E00, #007771, #2F0A27)
- Softworn Indigo Cabin color palette (#E0E2FF, #7765FF, #C14A00, #00744F, #0D1533)
Browse the whole catalog at Explore, or see today's palette.