Stone Harbor color palette — #ECF9F0 · #C0E5E5 · #BCAE7C · #688268 · #2F443E

A conversation between Camel and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Silver (#C0E5E5): A whisper-light, dusty teal — the color of glacier melt.
• Camel (#BCAE7C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#688268): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#2F443E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Stone color palette (#FFF1F6, #C7F4E8, #D0A580, #916E83, #354339)
• Weathered Taupe Basin color palette (#EBFAEF, #BCE9D2, #B69B4F, #816542, #213730)
• Powder Chapel color palette (#F1F5FF, #BCBBFF, #CFA672, #738B5B, #2C3140)
• Hushed Alley color palette (#F8F1E5, #C3BC9C, #9E7D39, #7A4C0D, #2D2E1A)
• Hushed Balcony color palette (#EDF9F0, #D5E0B1, #9EC0A7, #A88796, #374D4A)
• Worn Basin color palette (#F3F4FF, #C7AEF3, #BD8321, #417A4E, #1D2A34)
• Ancient Amber color palette (#D1EFD3, #B29834, #7E5700, #4C2700, #000503)
• Timeworn Boulevard color palette (#F1F5FF, #CEE1CF, #7B82B2, #3B465E, #181B22)

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