Tempered Stone Basin color palette — #F0F7F0 · #C1E9D4 · #A7BF93 · #9399B2 · #3F5249

Sage and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F0): bright and airy, almost weightless.
• Celadon Mist (#C1E9D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A7BF93): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#9399B2): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#3F5249): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Stone Basin 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

• Washed Jade color palette (#EBF9F2, #B5D4AE, #48B78E, #857DA3, #143D38)
• Teal Alley color palette (#FAF3F7, #D3D6EA, #90D3E5, #76B18F, #415566)
• Fern Summit color palette (#F9F5EC, #DBD1AE, #96A272, #90776F, #5D4B00)
• Ancient Dune color palette (#FEF0FF, #FFADB5, #59D4CA, #7BB8D6, #4B3D4B)
• Aged Courtyard color palette (#F7F1E8, #CDC3A4, #8D853C, #6F5A64, #33312A)
• Worn Clover Harbor color palette (#D8F3E0, #B8CB71, #01B631, #AE5B87, #2A3204)
• Quiet Grove color palette (#D0E9E1, #73BA86, #00937F, #854C7D, #00201F)
• Worn Blush color palette (#F5F2FF, #FFC0D7, #FA939D, #C68075, #624555)

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