Bone Ridge color palette — #FFF6D2 · #C8E3C5 · #ABB9A2 · #9A7788 · #603E45
Celadon Mist and Cocoa set the tone — five colors that lean into sophistication.
The five colors
- Custard (#FFF6D2): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#C8E3C5): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#ABB9A2): A luminous, dusty green — the color of fresh herbs.
- Driftwood (#9A7788): A luminous, dusty rose — the color of pressed rose petals.
- Cocoa (#603E45): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Bone Ridge 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
- Aged Cocoa Courtyard color palette (#FFF2E2, #E3D1BC, #BFB69C, #B48A8F, #763B17)
- Antique Veranda color palette (#D1F5E4, #90C1B9, #629399, #5A6186, #594759)
- Washed Glacier Atelier color palette (#DAFFF0, #87EAEC, #77A9C2, #956380, #602B29)
- Antique Onyx color palette (#C5FFEE, #A4CBAE, #669687, #734C49, #4B2018)
- Garnet Studio color palette (#D0F1F2, #6CA9C8, #596EA5, #713136, #2D1200)
- Frosted Aubergine Bloom color palette (#E4FFD0, #97D6B5, #2D9BA2, #72468A, #572141)
- Weathered Bronze Boulevard color palette (#F4F7E8, #C0E8D1, #69ACA4, #976D2F, #294100)
- Lilac Orchard color palette (#EEFAE0, #72D0AB, #A49EF1, #CA7A54, #252F19)
Browse the whole catalog at Explore, or see today's palette.