Tempered Amber Station color palette — #FFF3E7 · #E7DDB5 · #9BD3FF · #C28D59 · #2C4E44
Built around Mustard, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#E7DDB5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#9BD3FF): A whisper-light, balanced blue — the color of deep harbor water.
- Mustard (#C28D59): A luminous, balanced gold — the color of old brass.
- Forest (#2C4E44): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Tempered Amber Station 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
- Wandering Ridge color palette (#FDF4E6, #FFE2A7, #AECDFF, #B7944B, #553C55)
- Muted Summit color palette (#FFF2F0, #F9D2CD, #72DCFC, #CA7F9D, #2C4F3D)
- Chestnut Pier color palette (#FFF2EA, #C7E1CD, #C3C5CF, #CCA39B, #6B4800)
- Patina Bronze Harbor color palette (#FDF3EB, #DDE0C2, #CCA587, #A9664B, #4A3F00)
- Basalt Study color palette (#F7F5ED, #E0DECE, #888A51, #544500, #1E1B0F)
- Washed Powder Workshop color palette (#FFF3E9, #FBBC92, #A1B9F9, #8FA1CF, #3D3732)
- Bronze Atelier color palette (#FFF1F6, #D2A67F, #739DC5, #9C642D, #34506B)
- Bronze Archive color palette (#FEEFE1, #D2AB86, #6EAC8E, #946639, #273800)
Browse the whole catalog at Explore, or see today's palette.