Worn Basalt color palette — #F8F5EC · #C2E2CC · #A8B67F · #7C8C72 · #554500
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Celadon Mist (#C2E2CC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A8B67F): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#7C8C72): A luminous, dusty green — the color of a quiet forest floor.
- Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Washed Cocoa Field color palette (#FEF3E9, #EBDEB1, #B0BC90, #A594A1, #634800)
- Tempered Driftwood Canyon color palette (#FEF3EB, #D1BEA0, #8F8239, #765E68, #674600)
- Teal Canyon color palette (#F2F7EC, #B9F4E2, #48B2A5, #5C7F73, #323C2B)
- Driftwood Field color palette (#EDF4EE, #B0CBBB, #638D7E, #4C6573, #25352C)
- Weathered Moss Boulevard color palette (#E9E0CE, #949421, #475400, #530A19, #010100)
- Hushed Pine Orchard color palette (#F7F7E0, #98CA94, #008E4A, #005C67, #181A00)
- Dusty Powder Delta color palette (#F4F6F0, #C0DFF0, #B6C0FA, #5E9CB2, #574758)
- Weathered Abyss color palette (#F2EDDA, #71833F, #284500, #00211E, #010100)
Browse the whole catalog at Explore, or see today's palette.