Tempered Basalt color palette — #F2F3E6 · #B6DFDB · #B5B1BC · #858F63 · #384300

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

The five colors

• Cream (#F2F3E6): a clean, paper-quiet neutral.
• Silver (#B6DFDB): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#B5B1BC): soft and architectural.
• Moss (#858F63): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#384300): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.

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

• Washed Driftwood color palette (#EEF5E4, #C5E2D7, #A8CFF0, #7B926B, #394233)
• Timeworn Ash color palette (#DEFDF8, #C5E1F0, #B6AFB7, #83A99B, #445757)
• Chestnut Atelier color palette (#F9F0E8, #CFB797, #A17956, #80481C, #332B1C)
• Hushed Quarry color palette (#F7F6E4, #C8EADA, #CDC3CF, #BFC099, #4F590D)
• Hushed Lagoon color palette (#E5F8E1, #A5EBFB, #7CBCEE, #3A7557, #142616)
• Weathered Lagoon Parlor color palette (#E4EBD5, #3E9D86, #007887, #233800, #010300)
• Wandering Cypress Archive color palette (#EFF4EC, #D8C090, #2D6E60, #26371B, #10160C)
• Hushed Pewter color palette (#EDF4ED, #3FA3A5, #965884, #6F401D, #1A1A0D)

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