Tempered Stone color palette — #F0F8EF · #C6E7D8 · #9BC19D · #86A386 · #3D5349

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

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Celadon Mist (#C6E7D8): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9BC19D): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#86A386): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#3D5349): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Teal Studio color palette (#DBFFF0, #C5E4B9, #79CEAE, #32AB9B, #2A5364)
• Dusty Stone color palette (#E5FAFA, #D7DDE9, #C6B4C6, #B4BC8B, #3A5761)
• Aged Bronze Study color palette (#F8F5EE, #DAD1B2, #A09E77, #997834, #5C4C00)
• Weathered Teal Atelier color palette (#FAF3F6, #D9D4E2, #ACC9F3, #4CB6A6, #49516E)
• Aged Teal color palette (#EAF9F3, #9DD6D4, #50B2AD, #7F8A53, #063E3D)
• Antique Olive color palette (#F7E3EA, #A2995D, #4B802B, #006364, #131000)
• Chestnut Bloom color palette (#F7F1E9, #C5C79A, #6C8D6C, #835718, #33312A)
• Hazy Canyon color palette (#D2E8E2, #6AB99C, #009098, #4B7113, #002116)

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