Bone Ridge color palette — #EAF8FA · #CEDDA4 · #5EA495 · #386C73 · #162527

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

The five colors

• Ivory (#EAF8FA): bright and airy, almost weightless.
• Celadon Mist (#CEDDA4): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#5EA495): A luminous, dusty teal — the color of sea glass.
• Teal (#386C73): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#162527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Muted Ash color palette (#ECF7FD, #B6EAE1, #76A6BC, #55727F, #222D32)
• Azure Balcony color palette (#EDF7FF, #96E4A9, #3D96CD, #226288, #011C30)
• Hushed Parlor color palette (#EDF9EE, #F0DEC0, #2C8589, #004144, #081209)
• Muted Moss Summit color palette (#E1F2F6, #7EA635, #006662, #00302E, #000202)
• Weathered Studio color palette (#CEEAF4, #97D54E, #009097, #00595E, #001314)
• Washed Orchard color palette (#EDF4EA, #ABBC7B, #006455, #1B2D10, #090E06)
• Tempered Shell color palette (#E6EFFF, #FDAFBF, #7086BF, #435777, #0C1628)
• Turquoise Hollow color palette (#EFF6FB, #D7D9E1, #B4AEB9, #78B5D0, #3F4950)

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