Bone Harbor color palette — #FFF1F6 · #BFE5C6 · #D4A7B9 · #A6879C · #3D4C44

Celadon Mist and Rosewood Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Celadon Mist (#BFE5C6): A whisper-light, dusty teal — the color of shallow lagoons.
• Rosewood Mist (#D4A7B9): A luminous, dusty rose — the color of strawberry cream.
• Dusty Rose (#A6879C): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#3D4C44): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Bone Balcony color palette (#ECF9ED, #BAE5CE, #A1BFA4, #A68896, #3A4C47)
• Seafoam Quarry color palette (#E6F9FC, #62DBC3, #E2A4A3, #AC8EAB, #2A4245)
• Patina Orchard color palette (#FFF1F6, #EFCA8E, #D1A17D, #A97B71, #2D4337)
• Worn Pier color palette (#FEF3E8, #E2C5A1, #B39576, #9C6735, #604100)
• Wandering Bronze color palette (#F8F0E9, #CCB89D, #A97740, #784B36, #332B1B)
• Antique Powder Summit color palette (#ECF8F9, #A1F0DF, #BAACEB, #66BDAC, #2B2D38)
• Navy Courtyard color palette (#D5FFFB, #93EDFF, #8EC1E9, #7D8FC5, #50396E)
• Ancient Taupe color palette (#CFF2E0, #B1CC91, #A5A258, #917544, #193634)

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