Tempered Stone color palette — #EBF9F1 · #BCDEF0 · #A6B689 · #728B8F · #374B43

A conversation between Sage and Powder Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Powder Blue (#BCDEF0): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#A6B689): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#728B8F): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#374B43): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Driftwood Study color palette (#FAF3F7, #AFC9B3, #628B7D, #64627D, #425245)
• Ancient Straw color palette (#EDF9F0, #EEE9A6, #9DA374, #836E86, #263E33)
• Powder Ridge color palette (#EDF8F7, #DADCE7, #ABCFF9, #6899B2, #424E60)
• Tempered Driftwood Lagoon color palette (#F6F1E8, #CAC3AC, #7A8A60, #4A695B, #33312A)
• Dusty Archive color palette (#E3FBF6, #89CE93, #2B8A5C, #155A68, #001D1C)
• Ancient Mallow Station color palette (#F5F3FF, #F2B1F7, #F6A293, #89A4C7, #393547)
• Ancient Harbor color palette (#F1F5FF, #E5D5E7, #BAA5E8, #857099, #4D4B65)
• Linen Emerald Pier color palette (#DEFDF4, #B1EC98, #4FA85C, #24787F, #1F3514)

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