Stone Harbor color palette — #EEF8F1 · #C7E7E5 · #AEB387 · #9B7B8A · #364C41

A conversation between Sage and Heather, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Silver (#C7E7E5): A whisper-light, dusty teal — the color of sea glass.
• Sage (#AEB387): A luminous, dusty green — the color of fresh herbs.
• Heather (#9B7B8A): A luminous, dusty rose — the color of strawberry cream.
• Charcoal (#364C41): 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 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

• Ash Studio color palette (#EEF7F6, #C6DAF2, #8AB8B9, #708E7D, #2F4C4B)
• Taupe Archive color palette (#ECF9F0, #BAE5E4, #9CA466, #837646, #1E4031)
• Muted Hollow color palette (#E3FEE5, #C0E0C2, #CDB466, #8C7D26, #335C4B)
• Chestnut Orchard color palette (#F9F5EB, #CEC095, #7E8659, #8C5825, #5E4B00)
• Antique Coral Basin color palette (#E7FBEE, #DACC8F, #83CDAA, #DE8777, #283E31)
• Hushed Balcony color palette (#F8F1E6, #C3C899, #858840, #725A5B, #33312A)
• Tempered Terrace color palette (#E3FBF8, #76B28E, #007154, #403E00, #000B04)
• Softworn Bloom color palette (#CFE8DB, #8B954F, #3F5700, #302C00, #010100)

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