Stone Harbor color palette — #F7F5EF · #D7DBD5 · #A5B2BD · #B2B375 · #514D42

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

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Silver (#D7DBD5): a clean, paper-quiet neutral.
• Ash (#A5B2BD): A luminous, dusty blue — the color of deep harbor water.
• Sage (#B2B375): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#514D42): a grounded near-black with real depth.

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

• Bronze Delta color palette (#FAF4EB, #C5DFCE, #A1B78A, #A2803D, #544500)
• Washed Driftwood color palette (#F9F7DC, #D1E1D3, #ADC8BD, #A47E8D, #614647)
• Abyss Market color palette (#EAF0E8, #C7D4CA, #8CB09E, #005A53, #000400)
• Driftwood Harbor color palette (#ECF4EF, #CEDADD, #AAAFBA, #658D78, #313834)
• Tempered Basalt color palette (#E0DFD4, #BBBCAC, #8D967C, #364200, #020100)
• Dusty Lantern color palette (#FDF4E7, #DAE3AD, #76B28C, #6E69AA, #404039)
• Wandering Moss Lantern color palette (#F6F6EC, #D4DDD5, #A0B4CE, #69A607, #36352E)
• Mint Parlor color palette (#F5F6EC, #90BD7E, #485D1B, #2C2C1E, #111008)

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