Tempered Amber color palette — #ECF9F0 · #DAC280 · #98ADF5 · #A58931 · #3F4D67
Built around Moss, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9F0): bright and airy, almost weightless.
- Sand (#DAC280): A luminous, balanced green — the color of new leaves after rain.
- Sky (#98ADF5): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#A58931): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#3F4D67): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. 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
- Aged Stone color palette (#EDF9F0, #C5AE6A, #8596CB, #857132, #3E4D68)
- Wandering Terrace color palette (#E7FAF6, #A9D29D, #CA9ED9, #6A9B5D, #4D4965)
- Marigold Workshop color palette (#FDF4E4, #E9D39E, #BBC3F5, #C3A559, #614157)
- Tempered Amber color palette (#FCF2F8, #F3B399, #58C1E0, #C57351, #305263)
- Mustard Lagoon color palette (#E7FBEF, #C3B25C, #4CB4CF, #B77CA6, #36473D)
- Weathered Taupe color palette (#E9FAF0, #C0E9ED, #9ED1E4, #C1A37B, #3C5149)
- Ancient Taupe color palette (#EBFAEF, #B5D3C3, #AB9A6D, #637C61, #3A4C46)
- Violet Courtyard color palette (#DAFFEF, #C1CA2D, #9B6AEC, #787E00, #412D64)
Browse the whole catalog at Explore, or see today's palette.