Tempered Bone color palette — #FFF3E5 · #D0E2A8 · #75A3AB · #6C6285 · #423A54

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#D0E2A8): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#75A3AB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#6C6285): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#423A54): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Timeworn Seafoam Bloom color palette (#E4FDE6, #AAECDC, #99BED0, #847A8B, #564A5F)
• Tempered Field color palette (#E2FFDA, #9FF2F2, #7EA5D7, #856172, #583419)
• Hushed Seafoam color palette (#E1FCF6, #82E7C6, #2C9AA5, #71597A, #092E30)
• Bronze Basin color palette (#EFDCC2, #BEA98A, #857E35, #5D4B83, #5C2F48)
• Weathered Teal Balcony color palette (#E8E8BD, #BFCAA3, #7FB8A3, #6A9584, #523855)
• Wandering Denim color palette (#B5EDE7, #72AAAC, #50848E, #245480, #1D2D46)
• Softworn Meadow color palette (#FDE8D3, #81AF65, #347F7F, #573045, #1E0F2A)
• Dusty Celadon Summit color palette (#FBFCA2, #8CE1B0, #4C9FD1, #8C5255, #4C191F)

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