Tempered Stone color palette — #ECF9F4 · #C1DCF4 · #8FBA9E · #708D83 · #364B47

Sage and Powder Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Powder Blue (#C1DCF4): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#8FBA9E): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#708D83): A luminous, dusty teal — the color of sea glass.
• Charcoal (#364B47): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Patina Glacier Drift color palette (#F0F7F1, #D4D7E7, #94D9E5, #6C9B9F, #385160)
• Muted Garden color palette (#E8FAF2, #D3F0C2, #7CAB88, #557E86, #223F39)
• Muted Pier color palette (#F4F2E9, #C4C6A9, #5C8F78, #736010, #31322B)
• Hushed Glacier color palette (#EAF8FD, #8CFAFF, #FDB6B9, #51AAAE, #523F52)
• Turquoise Courtyard color palette (#E8F8FF, #CFDDEA, #63BDD4, #3C7A87, #042D3D)
• Dusty Glacier Studio color palette (#E8F8FF, #4FE2F3, #DBA5DC, #B59F71, #253C45)
• Muted Olive Harbor color palette (#E9FBEB, #C8BD72, #6F7F28, #335B3D, #001F11)
• Antique Lagoon color palette (#CAE9E0, #53A358, #005C3F, #003233, #000200)

Browse the whole catalog at Explore, or see today's palette.