Tempered Amber color palette — #FCF2F7 · #B8B4F2 · #C58C50 · #467D50 · #1B2D25
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Lavender (#B8B4F2): A luminous, balanced violet — the color of wild irises.
- Mustard (#C58C50): A luminous, balanced gold — the color of old brass.
- Olive (#467D50): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1B2D25): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Hushed Olive Alley color palette (#FAF2FA, #93B8EC, #C27361, #616B09, #1E2D1F)
- Pine Corridor color palette (#FEF2F4, #DEBEEA, #BF8D6E, #347C45, #193B57)
- Weathered Coral Market color palette (#FCF2F7, #BAAFEA, #DE8C72, #569C84, #3F2E37)
- Hushed Moss color palette (#FFF1F2, #D6A0C8, #909B4D, #0E817D, #352530)
- Washed Dune color palette (#FFF4E2, #E9D2FB, #C88EA9, #6B7B30, #4F383C)
- Wandering Basin color palette (#FEF1F3, #CD9CC6, #674D4A, #3A2427, #150D0F)
- Washed Iris Harbor color palette (#EBF2FF, #898BD8, #637029, #4C552A, #081C1E)
- Wandering Iris Dune color palette (#F2F5FF, #807CCF, #8D591C, #395A3A, #273640)
Browse the whole catalog at Explore, or see today's palette.