Stone Harbor color palette — #F6F3FF · #DABC7F · #74506E · #3B344B · #2A2129

A conversation between Sand and Graphite, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Sand (#DABC7F): A luminous, balanced gold — the color of honey in a jar.
• Graphite (#74506E): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3B344B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#2A2129): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Pewter Atelier color palette (#F2F1F8, #9BD0C1, #725677, #312D45, #14121D)
• Aged Driftwood Lantern color palette (#FEF1F4, #C9D9AB, #8E7195, #60444B, #33282A)
• Ancient Summit color palette (#FFF0FA, #CCA95D, #7B3D2A, #3C2535, #241618)
• Muted Thicket color palette (#FBF3F3, #FBD5BD, #BA8FAA, #875E78, #372627)
• Bronze Boulevard color palette (#F7F3FB, #E6ACCB, #A86D48, #8E5A77, #352A2F)
• Blush Archive color palette (#E9FBEC, #E18C94, #9B6B4B, #33616A, #52424E)
• Muted Meadow color palette (#F9F3FA, #E5D7DA, #B4ADA4, #8E7993, #565058)
• Worn Peony color palette (#F9F2FE, #BD6691, #5D7843, #275869, #343746)

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