Stone Harbor color palette — #FFF3E5 · #F6C5A3 · #ADB571 · #8984BB · #4C4741

Built around Sage, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#F6C5A3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ADB571): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#8984BB): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4C4741): quiet, heavy and certain.

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

• Marigold Field color palette (#FDF4E3, #FFBDB8, #CDA861, #6F8EB6, #6D3705)
• Teal Terrace color palette (#FFF3E8, #D5D594, #74C0A2, #A17EA2, #484841)
• Aged Chapel color palette (#FFEAD8, #C9BE44, #00B27B, #935C9B, #31312A)
• Weathered Sand Grove color palette (#FEF4E1, #F9D897, #A8A56B, #647A58, #523B00)
• Moss Garden color palette (#EBFAF0, #D5BB7E, #979746, #357D71, #384E40)
• Washed Basin color palette (#F9F4EF, #C3E1F3, #ABC7FF, #73ADB5, #624B58)
• Linen Clover Station color palette (#FFF3E6, #F5B318, #4CC419, #8459B9, #3C3604)
• Washed Taupe color palette (#E6F7E9, #CAA474, #797D46, #37556F, #1E3123)

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