Stone Harbor color palette — #EEF9D7 · #A2B693 · #788B78 · #725D73 · #634549
Sage takes the lead with Custard close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#EEF9D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A2B693): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#788B78): A luminous, dusty green — the color of a quiet forest floor.
- Graphite (#725D73): A full-bodied, dusty pink — the color of peonies in June.
- Cocoa (#634549): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Sophistication. 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 Courtyard color palette (#E0F0F8, #7AA89A, #765773, #613840, #502000)
- Driftwood Cabin color palette (#E1FEEB, #ACCABD, #7FA6A7, #956B8B, #674A64)
- Driftwood Lagoon color palette (#FFF5D5, #BCB994, #7E8943, #4E6755, #324F4F)
- Cerulean Balcony color palette (#D3F3FF, #8AB9D4, #5C85B6, #6E4D77, #6A313C)
- Chestnut Boulevard color palette (#F8F5EB, #B5B18F, #627D4E, #6A5802, #4B4300)
- Hushed Cocoa Boulevard color palette (#FADEF3, #B396A5, #956C7A, #74444A, #61332B)
- Sunlit Lagoon Market color palette (#C6F7DF, #67BFA2, #008D78, #006A61, #165451)
- Gentle Aubergine color palette (#CAEFEE, #57A2AD, #007396, #4C4372, #4C2363)
Browse the whole catalog at Explore, or see today's palette.