Tempered Stone color palette — #FBF4EE · #C8DFCC · #98BA85 · #9B7B8A · #584300

Sage and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#98BA85): A luminous, balanced green — the color of new leaves after rain.
• Heather (#9B7B8A): A luminous, dusty rose — the color of strawberry cream.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Stone Chapel color palette (#EEF8F0, #C1E9D5, #8FC2B3, #9699AB, #3E5249)
• Worn Teal color palette (#F7F6EB, #C4E8CF, #47B0AF, #916B6A, #2F3F00)
• Antique Lagoon Dune color palette (#EEF8EF, #A8CAB9, #608B82, #5E657E, #3C5348)
• Hushed Lagoon color palette (#FBF3F1, #C4DEE2, #A5C6F1, #719F77, #574758)
• Patina Driftwood color palette (#F6F1E6, #CEC3A1, #91833A, #725B55, #33312A)
• Washed Emerald Thicket color palette (#FFF3E3, #D4E19B, #3FAA62, #726090, #2C3204)
• Worn Blush Coast color palette (#FFF2EF, #F5D3C8, #79DDEF, #D37C8E, #304E3A)
• Cocoa Field color palette (#FFF2EE, #CEFEDA, #E0DBCE, #C7A7C9, #7C4020)

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