Tempered Stone color palette — #EDF8F1 · #BBDFEF · #8BBAAA · #987D88 · #3A4A43
Sage and Powder Blue set the tone — five colors that lean into sophistication and grounding.
The five colors
- Ivory (#EDF8F1): a clean, paper-quiet neutral.
- Powder Blue (#BBDFEF): A whisper-light, dusty blue — the color of deep harbor water.
- Sage (#8BBAAA): A luminous, dusty teal — the color of shallow lagoons.
- Driftwood (#987D88): A luminous, dusty rose — the color of strawberry cream.
- Charcoal (#3A4A43): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Tempered Stone 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
- Ancient Lagoon color palette (#F0F7F1, #A7CABF, #5E8E72, #64627F, #3D524C)
- Hushed Oat color palette (#E1FDF2, #C7D486, #74CEBF, #C89579, #283E36)
- Straw Coast color palette (#E9FAF0, #E8EBAC, #97A56E, #5E7F6C, #293D35)
- Patina Thicket color palette (#EAFAF2, #EBEC8F, #86DCE5, #9E9E60, #2A4C57)
- Stone Delta color palette (#D9FFF1, #A1EBDB, #ADB975, #6B764A, #033126)
- Driftwood Lagoon color palette (#F6F1E8, #CBC4A6, #89873E, #8E4D33, #33312A)
- Pine Alley color palette (#DFFDF6, #92CC91, #328A56, #355A44, #001D1B)
- Soft Studio color palette (#DEFDF3, #B5EC89, #5EA658, #816630, #04372F)
Browse the whole catalog at Explore, or see today's palette.