Tempered Stone color palette — #EBFAEE · #B8E9EC · #95B99E · #8D707E · #2E4442

Built around Sage, softened by Sea Foam — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Sea Foam (#B8E9EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sage (#95B99E): A luminous, dusty teal — the color of shallow lagoons.
• Driftwood (#8D707E): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#2E4442): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Frost Boulevard color palette (#FFF1F5, #D1FADF, #CBA1AF, #897283, #33433E)
• Worn Cabin color palette (#EAFAED, #DDE3A7, #B19B6D, #845D72, #1F3734)
• Muted Coast color palette (#E8F6EC, #A9C2B4, #688D75, #406147, #1F3129)
• Softworn Aqua color palette (#E9F8FE, #55D7ED, #D79F8F, #A77365, #24343C)
• Wandering Cocoa color palette (#FCF4E6, #E4D9BA, #C4B495, #A38F70, #564600)
• Tempered Powder Coast color palette (#D6FEFF, #DBE2EE, #9EAAE1, #816B9D, #5F2F4B)
• Cerulean Garden color palette (#EFF6FC, #DDD6CD, #698AA7, #33495C, #151C23)
• Aqua Workshop color palette (#E9F8FE, #33D5DC, #B48E47, #7B6337, #212C23)

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