Stone Harbor color palette — #F1F7F1 · #CAE5D6 · #AABE8F · #8D9AB5 · #3C5347

Built around Sage, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Celadon Mist (#CAE5D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AABE8F): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#8D9AB5): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3C5347): A full-bodied, dusty teal — the color of sea glass.

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

• Softworn Powder color palette (#F4F4FF, #E5D7DF, #AFBAEA, #B6B4A9, #544D64)
• Patina Bloom color palette (#F4F4FF, #E3C9F6, #B0D39E, #C092E1, #2C564F)
• Hushed Fern color palette (#F7F5ED, #D6D2B4, #9E9E78, #6E856A, #574E00)
• Iris Coast color palette (#E9FAEE, #C6D891, #72B878, #8D7AC8, #363F14)
• Tempered Boulevard color palette (#F9F0E7, #CAC598, #768B60, #705A68, #33312A)
• Antique Veranda color palette (#F7F3FF, #E3B7D9, #C7C173, #60C694, #463D56)
• Dusty Lagoon Orchard color palette (#D4EAE3, #80B691, #009382, #824D80, #00220E)
• Sunlit Jade Coast color palette (#D7EADF, #A8C492, #48A674, #8464A6, #1B3003)

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