Tempered Stone color palette — #F1F7F2 · #CBE5D7 · #95C1AF · #AB8FAC · #3D5348

Mint Leaf takes the lead with Dusty Rose close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Celadon Mist (#CBE5D7): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#95C1AF): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#AB8FAC): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#3D5348): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Ancient Cocoa Alley color palette (#FBF4EB, #C6E0CC, #A0B889, #977D8B, #574400)
• Patina Stone color palette (#FFF0FA, #E6D6D6, #EAAFA9, #ADB1A4, #5B4452)
• Teal Lagoon color palette (#EFF7F5, #D2DFEE, #92D3DF, #67B1AB, #365869)
• Ancient Mustard color palette (#FFF0FB, #F0B8AA, #CCBF76, #CF99CE, #4E3C49)
• Muted Driftwood Coast color palette (#ECF8F6, #AED6B1, #75AF8C, #A9774F, #0B3E3A)
• Timeworn Market color palette (#F7F1E5, #C8C699, #818858, #745B52, #33312A)
• Muted Coral color palette (#FDF1FB, #FFC4BD, #C2BFFE, #EA8980, #434B6A)
• Aged Lagoon color palette (#D6EEEC, #6DBA92, #009574, #855916, #002113)

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