Tempered Stone Harbor color palette — #ECF8F5 · #C4DBF5 · #86BCA6 · #8C8096 · #354B49

Built around Mint Leaf, softened by Powder Blue — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Powder Blue (#C4DBF5): A whisper-light, dusty blue — the color of deep harbor water.
• Mint Leaf (#86BCA6): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#8C8096): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#354B49): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Weathered Meadow color palette (#F1F7F2, #DCDEE9, #AFCDFF, #669BAC, #434D63)
• Driftwood Study color palette (#F3F2EA, #C1C7AB, #768A68, #715A5D, #30322B)
• Aqua Canyon color palette (#E9FBE9, #EBC58C, #43D2D5, #B693C3, #2F3C30)
• Powder Corridor color palette (#EAFAEB, #C0E9E7, #DAAC93, #84BCD3, #45574C)
• Ancient Amber color palette (#FFF1F5, #FFDFBC, #AACEFF, #C08F56, #334860)
• Driftwood Boulevard color palette (#F5F6E9, #BEC5A5, #768A48, #8B5923, #4A5304)
• Patina Apricot color palette (#FFF0FA, #ECDCC1, #EB9E58, #94713C, #36523D)
• Weathered Seafoam Harbor color palette (#DBFEFA, #6ADCB3, #009286, #765000, #002519)

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