Stone Harbor color palette — #FFF1F7 · #ECD3D0 · #CBA0B5 · #8D7085 · #354338
Mauve takes the lead with Slate close behind in a set that reads as sophistication and grounding at first glance.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Bone (#ECD3D0): A whisper-light, dusty orange — the color of toasted spice.
- Mauve (#CBA0B5): A luminous, dusty rose — the color of a warm blush.
- Slate (#8D7085): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal (#354338): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged earthy, warm, 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
- Softworn Ash color palette (#FEF1F7, #C8E2C6, #CDAABC, #A388A0, #3C4C41)
- Tempered Taupe color palette (#FFF0F8, #FFD3AD, #C98E70, #7E6077, #283629)
- Antique Mallow color palette (#F1F5FF, #DED8E1, #C1ACE3, #906C99, #552848)
- Dusty Powder Basin color palette (#EDF6FF, #88CBFF, #DD9B8F, #918154, #28333D)
- Timeworn Bone color palette (#E9FAEE, #B1E9D1, #BDAD82, #6B816A, #33433E)
- Timeworn Bronze color palette (#FDEFE5, #CBB8A0, #AD7446, #794945, #342B17)
- Softworn Cerulean color palette (#EDF7FF, #CDE0CE, #5D8CA9, #374956, #141C23)
- Timeworn Frost Grove color palette (#DAF3FF, #E6D1CF, #A3B5BD, #3F4D57, #1B1F23)
Browse the whole catalog at Explore, or see today's palette.