Tempered Stone color palette — #E7FCE9 · #C5E6D8 · #A2CCC6 · #95A1B2 · #4B4D5D

Stone and Celadon Mist set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E7FCE9): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#C5E6D8): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A2CCC6): A luminous, dusty teal — the color of glacier melt.
• Blue Fog (#95A1B2): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4B4D5D): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Hushed Ash Terrace color palette (#FFF0FE, #CDE2CC, #8AB2AF, #88829D, #4E4B5A)
• Hushed Powder Meadow color palette (#F1F7F2, #DBDDEB, #A7C8FF, #77ABBD, #495266)
• Patina Vanilla color palette (#FAF2D4, #C7C7B4, #949985, #53685A, #2E453B)
• Raspberry Courtyard color palette (#CAEFE0, #75CED1, #58AAD6, #AF628B, #62261F)
• Dusty Veranda color palette (#E1FCF7, #A9D697, #95C0FC, #DC9A9C, #2D4844)
• Softworn Jade color palette (#E8FAF5, #C5DFAD, #D9B6F7, #90B768, #4A4967)
• Airy Teal Thicket color palette (#EFEAAC, #B4D3A9, #46C1A2, #7E7EBE, #57395E)
• Aged Thicket color palette (#D2E5DE, #9AC69D, #21AD9A, #806DA7, #372F4D)

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