Stone Harbor color palette — #E9FAF3 · #A3B97F · #637C56 · #3D615F · #314841

Sage and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A3B97F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#637C56): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#3D615F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#314841): 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

• Jade Corridor color palette (#E2FCF3, #7FA965, #456F45, #225260, #1A3C36)
• Ancient Lagoon color palette (#EDF8F7, #9ACCCB, #568E7A, #526B70, #3A5252)
• Basalt Bloom color palette (#FAF5E7, #CBC5A0, #7C9973, #68785A, #4C4300)
• Periwinkle Basin color palette (#EEF6FF, #5CA6E5, #529C66, #2C6A9D, #1D4B48)
• Mallow Workshop color palette (#EFF6FF, #DDD8E2, #D0C1F7, #5D7B9B, #434C5D)
• Aged Pine Balcony color palette (#C4E8E0, #438D46, #00532B, #00353D, #012204)
• Lowlit Archive color palette (#D0F7F6, #006E54, #00332B, #001B1C, #000809)
• Cornflower Ridge color palette (#EFF6FF, #5E84DE, #A35F9B, #18777A, #2D384A)

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