Worn Basalt color palette — #F3F7EB · #E0B790 · #3D694F · #313F00 · #1E2721

Deep Olive takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Sand (#E0B790): A luminous, dusty gold — the color of old brass.
• Pine (#3D694F): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#313F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#1E2721): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Apricot Quarry color palette (#E9FAF2, #E69877, #1F5872, #083728, #0E1F20)
• Washed Lagoon color palette (#E8F9F9, #EDC3DB, #598973, #335455, #232E2E)
• Softworn Taupe color palette (#EEF8F6, #C4E9CB, #84AA88, #467773, #202F2D)
• Cobalt Terrace color palette (#F4F6EE, #96D1A1, #5580B2, #4C7955, #342A35)
• Lowlit Chestnut Garden color palette (#E3EEDA, #884E00, #1C2529, #001912, #000302)
• Muted Atelier color palette (#D0E5CF, #CD7027, #003F3E, #001B1A, #000906)
• Muted Balcony color palette (#F4F7E5, #60A360, #A86980, #7C534E, #3D3E37)
• Weathered Station color palette (#FFF2EC, #4DBDAC, #447EA4, #5F5754, #3D4C40)

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