Tempered Amber color palette — #FDF4E7 · #E2E5B0 · #AFCDFF · #C58E20 · #324669
Built around Mustard, softened by Lilac Frost — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF4E7): a clean, paper-quiet neutral.
- Celadon Mist (#E2E5B0): A whisper-light, dusty green — the color of a quiet forest floor.
- Lilac Frost (#AFCDFF): A whisper-light, dusty violet — the color of a velvet chair.
- Mustard (#C58E20): A luminous, balanced gold — the color of old brass.
- Navy (#324669): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Softness. Tagged light, 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 Parlor color palette (#FDF3EC, #ECD9BC, #81DAF8, #D2835C, #26503C)
- Moss Summit color palette (#F7F6E7, #D8EFBA, #D6BFFA, #83A944, #5B3B48)
- Wandering Alley color palette (#F7F6EA, #DEE0CC, #93873E, #414B23, #1D1C10)
- Patina Thicket color palette (#ECF9ED, #D3A85F, #7A99D2, #8D6C33, #3E4E65)
- Hushed Study color palette (#FBF4EA, #DBDFC5, #C4AA83, #9A704E, #4D3D00)
- Wisteria Cabin color palette (#FFF4E1, #E1C994, #60CDDB, #C887CA, #3C3831)
- Sunflower Studio color palette (#FEF5DC, #EDD84A, #9295F0, #8E7F00, #282068)
- Hazy Balcony color palette (#F4F7EA, #ADE5AE, #DDA3E0, #2BA43B, #4E2750)
Browse the whole catalog at Explore, or see today's palette.