Stone Harbor color palette — #EBF9F4 · #E9D4CF · #97BEA5 · #A9A297 · #5A4E5C
Built around Sage, softened by Charcoal Brown — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF9F4): a clean, paper-quiet neutral.
- Bone (#E9D4CF): A whisper-light, dusty orange — the color of autumn markets.
- Sage (#97BEA5): A luminous, dusty teal — the color of glacier melt.
- Taupe (#A9A297): soft and architectural.
- Charcoal Brown (#5A4E5C): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, 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
- Stone Ridge color palette (#FEF0FB, #E7D7D6, #CCC2BB, #8EC1C7, #564951)
- Worn Sky color palette (#FFF0FE, #DDD2D8, #ADA79E, #3CB1E9, #4D2F44)
- Antique Bronze Lagoon color palette (#FBF4EA, #D9E3C3, #C1AC7A, #9E6F35, #4A3F00)
- Dusty Cerulean Pier color palette (#EDF6FF, #D9D9E3, #C7C0E1, #648AA4, #445365)
- Patina Celadon Harbor color palette (#EFFFA3, #E6EEFF, #D7CFC6, #544552, #2F282E)
- Ancient Cerulean Thicket color palette (#FBF2F8, #CDE0CE, #7784B1, #583B51, #20181E)
- Softworn Powder color palette (#FFF0FA, #B6BDFF, #D5A374, #778B4F, #3C2C36)
- Violet Quarry color palette (#BCEBDC, #9CACE5, #9B67D8, #00485A, #000109)
Browse the whole catalog at Explore, or see today's palette.