Tempered Amber color palette — #FBF4E6 · #D4E8B9 · #A0D1FF · #B09938 · #1C5145
Built around Mustard, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Cream (#FBF4E6): bright and airy, almost weightless.
- Celadon Mist (#D4E8B9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#A0D1FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Mustard (#B09938): A luminous, balanced green — the color of a quiet forest floor.
- Forest (#1C5145): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication, 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 Workshop color palette (#FDF3ED, #EBDABB, #9BD3FB, #D97E5B, #274F43)
- Wandering Taupe color palette (#FBF5E6, #D3EAB8, #C4C5FF, #AD9A41, #5B3A4F)
- Driftwood Parlor color palette (#F6F6ED, #E2DECF, #778F65, #3A4D29, #1C1C10)
- Dusty Basalt color palette (#FEF4E6, #D6DEC8, #C3AA87, #9F6C55, #424200)
- Timeworn Archive color palette (#F9F6E3, #C7D398, #89C3E8, #68A7E6, #3A3932)
- Marigold Villa color palette (#EAFAEC, #CEAA68, #7F99C9, #896E3B, #3E4E66)
- Sunlit Byzantium Pier color palette (#F1F0D3, #83B04C, #9F3CA5, #395800, #120014)
- Softworn Workshop color palette (#E4ECCA, #24A651, #A1006B, #00491D, #040002)
Browse the whole catalog at Explore, or see today's palette.