Tempered Bone color palette — #FFF1F6 · #BDE5C7 · #D1A9BA · #A08A9D · #3A4C45

Celadon Mist takes the lead with Rosewood Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Celadon Mist (#BDE5C7): A whisper-light, dusty teal — the color of sea glass.
• Rosewood Mist (#D1A9BA): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#A08A9D): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#3A4C45): A deep, shadowed, 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 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

• Weathered Drift color palette (#EAFAF0, #B4E6D7, #9BC0AA, #A98794, #384C4B)
• Sand Grove color palette (#FFF1F7, #E8CD98, #CDA285, #9B7D99, #2C4339)
• Muted Mallow Cabin color palette (#EDF7FF, #D7DBFF, #C8AAE4, #B27995, #713638)
• Washed Bronze color palette (#FEF3E9, #E1C69D, #B89373, #9F643A, #5D4300)
• Wandering Powder Basin color palette (#EDF7FF, #83CBFF, #CAB47D, #80A48A, #313F4B)
• Hushed Stone Chapel color palette (#EFF6FD, #BFE3FF, #E4A1B7, #80B1D6, #322B35)
• Bronze Alley color palette (#FCEFE3, #CAB89E, #AA7641, #774B3F, #322C18)
• Hushed Ash color palette (#F0F5FF, #FFD3C0, #8A9FC3, #626D81, #272C33)

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