Tempered Bone color palette — #FFF1F5 · #C4E3C3 · #D2A9B7 · #AA8696 · #3D4C3F

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Celadon Mist (#C4E3C3): A whisper-light, dusty green — the color of new leaves after rain.
• Rosewood Mist (#D2A9B7): A luminous, dusty rose — the color of a warm blush.
• Dusty Rose (#AA8696): A luminous, dusty rose — the color of strawberry cream.
• Charcoal (#3D4C3F): A deep, shadowed, dusty green — the color of a quiet forest floor.

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 Harbor color palette (#FFF0F9, #F4CCDF, #CEAABE, #A18A9A, #554149)
• Aged Sand Lantern color palette (#FFF1F6, #F2C897, #D0A27A, #A07B8E, #324233)
• Stone Ridge color palette (#EBFAEE, #BFE4CD, #C7B488, #7F9A81, #3C4C44)
• Hushed Chestnut Summit color palette (#FDEDF3, #AAC2B1, #9F7585, #764B45, #19322A)
• Patina Studio color palette (#E5FAFE, #51DBD1, #A3B5E6, #9F9D6C, #2E4145)
• Timeworn Powder Alley color palette (#E8F8FF, #B2E3FF, #88BCEA, #6F91BE, #354A79)
• Tempered Glacier color palette (#EEF7FA, #83F2FD, #AEB8F2, #6FB9C0, #242F39)
• Taupe Grove color palette (#D6EFE3, #BBCA84, #A1A353, #837B4A, #16372F)

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