Tempered Stone color palette — #ECF9EF · #BBDFF0 · #A3B68C · #8F808E · #394B43

Built around Sage, softened by Powder Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Powder Blue (#BBDFF0): A whisper-light, dusty blue — the color of open sky before noon.
• Sage (#A3B68C): A luminous, dusty green — the color of a quiet forest floor.
• Gray (#8F808E): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#394B43): 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

• Ash Courtyard color palette (#E3FCF1, #BFE6EF, #BFB7BF, #8B92AF, #455751)
• Wandering Quarry color palette (#FFF1F5, #E4E6C4, #C5B56E, #818252, #305047)
• Dusty Corridor color palette (#E7FBEF, #F4E898, #C5C5FF, #A49C64, #3D455F)
• Aged Terrace color palette (#F6F1EA, #C8C4AD, #6C8D6A, #7E5554, #32312A)
• Sunflower Orchard color palette (#E4FCF0, #D2D177, #77C7EA, #C292A9, #2B3D35)
• Hushed Lichen Workshop color palette (#D9FFF1, #F0FEB6, #B6BE79, #666F43, #063528)
• Airy Celadon Workshop color palette (#E2FDF1, #B6EC8A, #4DA865, #8B5F4D, #21350F)
• Mint Market color palette (#E2FCF3, #84D180, #158B5E, #6F462A, #001E1B)

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