Tempered Bone color palette — #EEF9EE · #BFE8C7 · #98B997 · #8D717D · #33443B

A conversation between Celadon Mist and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Celadon Mist (#BFE8C7): A whisper-light, dusty teal — the color of sea glass.
• Sage (#98B997): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#8D717D): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#33443B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Bone 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

• Wandering Stone Canyon color palette (#FFF0F7, #E6E1C6, #C9A1B5, #8C7084, #364338)
• Stone Harbor color palette (#DFFFE1, #B6E0C3, #ACB674, #61804F, #1D4B28)
• Tempered Quarry color palette (#FFF1F7, #FEAE76, #74BCC6, #6D83A3, #3B2D33)
• Washed Bronze color palette (#FBF0E3, #C7BA9D, #A6793D, #754D39, #302C19)
• Driftwood Station color palette (#FFF1F8, #CEE1CF, #A77A63, #533F4A, #21181D)
• Timeworn Lime color palette (#E1FDEF, #A5BE64, #7D7A27, #584300, #001713)
• Linen Amber color palette (#DFFEEA, #D3D77F, #AA9012, #7F5700, #003027)
• Deep Bronze Coast color palette (#D7EBDB, #827300, #4D3800, #1E0E00, #000201)

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