Tempered Stone color palette — #E7FAF3 · #8FBD94 · #488070 · #5A566D · #294946

A conversation between Mint Leaf and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8FBD94): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#488070): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5A566D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#294946): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Cypress Alley color palette (#E5FBF4, #77A983, #1F7262, #4E4564, #123D3B)
• Basalt Loft color palette (#FBF5E4, #C5C7A5, #689C8B, #886967, #454600)
• Frosted Blush color palette (#FAF1FF, #DC7D9F, #3F9D7E, #934B65, #184B4E)
• Worn Oat color palette (#FAF1FF, #DBD8CD, #E6C092, #8E749A, #574757)
• Cerulean Meadow color palette (#FEF1F7, #BDE2FB, #678DB9, #2F6D6D, #3C485F)
• Peony Villa color palette (#FBF1FF, #D85185, #268E76, #1C6F84, #3F3245)
• Lagoon Field color palette (#CEEEE6, #278E63, #00504B, #461E37, #002020)
• Timeworn Fern color palette (#F6F6E9, #D1DABA, #73BDA6, #A7839D, #3C4900)

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