Tempered Stone color palette — #EDF8F7 · #B1EAED · #89C3B4 · #84A19F · #3C5253

Mint Leaf and Sea Foam set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Sea Foam (#B1EAED): A whisper-light, dusty blue — the color of deep harbor water.
• Mint Leaf (#89C3B4): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#84A19F): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#3C5253): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Softness, Clarity, 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

• Worn Powder Summit color palette (#EDF7FF, #8BD0FF, #CAB0EA, #81BAC0, #364450)
• Worn Loft color palette (#EDF6FF, #D8D9E3, #B0BBD7, #BBA9A4, #495561)
• Hushed Driftwood color palette (#F4F6EE, #B9E2DF, #9DB794, #838D47, #384F0B)
• Tempered Lagoon Meadow color palette (#ECF4F1, #A3CCCE, #4F8F92, #456A60, #1E3637)
• Ancient Parlor color palette (#D7EDEB, #65BC8A, #00956F, #1B7269, #002020)
• Chartreuse Hollow color palette (#DCFFEF, #BFDC7C, #89B469, #6C9474, #344016)
• Feathered Cabin color palette (#D8E6DE, #9B9E36, #657B00, #006455, #00140C)
• Antique Market color palette (#EBF9F4, #B6EADF, #8DC1BA, #86A0A0, #3D524D)

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