Tempered Basalt color palette — #F8F5EE · #C2E2CD · #A7B685 · #7C8B74 · #544500

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Celadon Mist (#C2E2CD): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A7B685): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7C8B74): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#544500): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Basalt 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

• Cocoa Chapel color palette (#FDF3E9, #EBDEAF, #BDB790, #A992A4, #634800)
• Muted Teal Hollow color palette (#F2F7EC, #BEE8D5, #5EAEA6, #5B7F74, #323C2C)
• Washed Cabin color palette (#FBF3EE, #D1BEA0, #908139, #795D67, #674600)
• Weathered Moss Orchard color palette (#EAE0C9, #90943C, #455500, #4F1018, #010100)
• Pine Field color palette (#F6F7E5, #9CC89D, #1D8C54, #005C69, #011F05)
• Linen Moss Balcony color palette (#F9F6E0, #BFE7A1, #52A94B, #2A787B, #21350F)
• Cerulean Delta color palette (#F4F6F0, #C2DEEE, #B7BEF2, #569CB7, #574758)
• Teal Grove color palette (#F2F8E5, #66B495, #00705E, #00425B, #000A05)

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