Stone Harbor color palette — #F0F8F1 · #BBDFF0 · #9BB88D · #8B809C · #374C42

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#BBDFF0): A whisper-light, dusty blue — the color of open sky before noon.
• Sage (#9BB88D): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#8B809C): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#374C42): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cocoa Courtyard color palette (#FAF4EB, #ECDDB7, #B6BA8D, #AB9585, #604A00)
• Taupe Canyon color palette (#F0F8EF, #EFE7B6, #8EA963, #677D65, #2B3D33)
• Muted Stone color palette (#ECF9F0, #C5E6EB, #DAB492, #A6B1CE, #3E5149)
• Worn Teal color palette (#F9F3F7, #D5D4E2, #9AD5F7, #57A290, #414F60)
• Ancient Powder color palette (#E7FBEC, #E7C87C, #96BBFF, #B692C5, #2B3E30)
• Driftwood Dune color palette (#FAF4EC, #CBC0A1, #8D833A, #7B5E56, #5F4B00)
• Timeworn Bloom color palette (#ECF9F0, #F8E5A7, #C2C6FF, #AE9951, #3C455F)
• Washed Mustard Orchard color palette (#DEFEF0, #A7EAD6, #C0BA5F, #6C6A2F, #0A3326)

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