Stone Harbor color palette — #FFDFD8 · #E6BB80 · #839A5F · #736D98 · #473E70

Sand and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDFD8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#E6BB80): A luminous, balanced gold — the color of afternoon light on wheat.
• Moss (#839A5F): A luminous, balanced green — the color of new leaves after rain.
• Slate (#736D98): A full-bodied, dusty violet — the color of wild irises.
• Navy (#473E70): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Antique Coast color palette (#FFE8D8, #C8BB85, #7AA382, #866497, #6C3451)
• Petrol Orchard color palette (#FFECF9, #F1A8A3, #AD895D, #37739E, #304C74)
• Worn Denim Station color palette (#F6DBCB, #C0A570, #72855D, #63507F, #4C3054)
• Worn Emerald color palette (#FDF4E4, #B1C576, #53995B, #8B556F, #363F18)
• Antique Taupe color palette (#FFF4DA, #D2CF9A, #9CB66D, #539B93, #15575F)
• Washed Canyon color palette (#FFF5D4, #C8C72D, #7E79EC, #7E7C00, #342C78)
• Aubergine Boulevard color palette (#FBE8DE, #9F925A, #707B36, #5E396D, #471829)
• Antique Study color palette (#D0FADB, #B0AF7E, #68803A, #0E6560, #1A4662)

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