Tempered Stone color palette — #E9F6ED · #A7BD81 · #50825C · #365B66 · #112D26

A conversation between Sage and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Sage (#A7BD81): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#50825C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#365B66): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#112D26): 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

• Softworn Mustard color palette (#E1FAE3, #AEAD46, #4B7A2C, #3F4A6D, #00281A)
• Lagoon Dune color palette (#EAF5F1, #9BCFCD, #539086, #506472, #233534)
• Basalt Summit color palette (#FDF4E8, #B7B08C, #50805C, #45624F, #4D4200)
• Worn Celadon Grove color palette (#F8F6E5, #CDF3BA, #7DAC7E, #747870, #393932)
• Muted Emerald color palette (#D0ECE1, #3BAF4E, #006B55, #004655, #001D04)
• Weathered Alley color palette (#E9F3FF, #65A4FE, #A68A3C, #3A65A1, #322500)
• Softworn Cerulean color palette (#EAF3FF, #E4D6E2, #DFB1CE, #4B8098, #2E3443)
• Inked Olive Lagoon color palette (#D0E5DA, #397A00, #00412A, #002328, #010400)

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