Stone Harbor color palette — #E8FAF4 · #97BC8A · #577F5C · #435E68 · #304844

Sage takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#97BC8A): A luminous, balanced green — the color of fresh herbs.
• Fern (#577F5C): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#435E68): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#304844): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Stone Lantern color palette (#ECF8F8, #97CCD0, #5A8A92, #556978, #3D5153)
• Tempered Pine Coast color palette (#E7FAF3, #8AA56E, #407132, #5B4252, #1F3C35)
• Wandering Basalt color palette (#F9F5E8, #B6CDA3, #6F9C77, #7E6981, #484500)
• Washed Meadow color palette (#C8F6F2, #00AC71, #006B52, #004A60, #033722)
• Taupe Meadow color palette (#F1F7F0, #B4E1CC, #90B98B, #A9829E, #2C4A3D)
• Softworn Stone Lantern color palette (#F9F2FF, #EED6D1, #E7ACAC, #817697, #534759)
• Sunlit Olive color palette (#C9F0E5, #418E2A, #005421, #4A2204, #00201C)
• Hushed Blush color palette (#F7F3FF, #D27FB9, #B57D1A, #8A4D78, #553D1A)

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