Bone Harbor color palette — #FEEBFA · #C8E9CF · #E8D2D2 · #9A86A1 · #44343E
A conversation between Celadon Mist and Heather, giving this palette its sense of sophistication and softness.
The five colors
- Blush (#FEEBFA): A whisper-light, dusty pink — the color of neon signs at night.
- Celadon Mist (#C8E9CF): A whisper-light, dusty teal — the color of shallow lagoons.
- Bone (#E8D2D2): A whisper-light, dusty red — the color of embers at dusk.
- Heather (#9A86A1): A luminous, dusty pink — the color of neon signs at night.
- Charcoal (#44343E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Bone 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
- Driftwood Loft color palette (#E7F7E8, #BFE3E2, #A1C8D1, #9F7B8B, #324138)
- Dusty Balcony color palette (#FDF1FE, #E8D8D7, #B9B5C1, #B597AF, #5B4853)
- Cocoa Courtyard color palette (#FFF2ED, #E0DCCD, #B7CBAB, #A17896, #713F05)
- Patina Driftwood color palette (#E9F6ED, #A3C4B4, #6D8B77, #4A5E49, #1D312B)
- Washed Mustard Hollow color palette (#FFECF5, #E6E5BD, #CCC65A, #B0584E, #432700)
- Tempered Garnet color palette (#FAE2F1, #A67E54, #70640F, #680019, #030100)
- Muted Taupe Market color palette (#EBF5EA, #B38D5C, #478EA1, #555A88, #192719)
- Worn Corridor color palette (#FAEEF2, #A8CFB0, #7A5562, #442732, #1C1014)
Browse the whole catalog at Explore, or see today's palette.