Worn Basalt color palette — #F6F6E7 · #AFB489 · #4D815C · #525E47 · #424700

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

The five colors

• Ivory (#F6F6E7): a clean, paper-quiet neutral.
• Sage (#AFB489): A luminous, dusty green — the color of fresh herbs.
• Fern (#4D815C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#525E47): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Dusty Delta color palette (#FAF5EA, #CBC19E, #8F8239, #5E6B55, #5D4B00)
• Wandering Pine Grove color palette (#FAF6DC, #8DB06B, #44783B, #005D5E, #2E411A)
• Softworn Station color palette (#EBF9F1, #A7CEC4, #6E9C7E, #3E7D82, #284A42)
• Wandering Emerald color palette (#E6E6D6, #679B63, #1F6439, #00464F, #292C06)
• Gentle Denim color palette (#FFF0FD, #839FD7, #3E9D7D, #3F62AD, #1C4D3C)
• Wandering Canyon color palette (#E2E6CC, #148049, #00432D, #002924, #001507)
• Cobalt Coast color palette (#FFF0F9, #E6D6D5, #DBBFED, #6E7DAD, #614554)
• Weathered Iris color palette (#FFF0FA, #7680D1, #A5618B, #007686, #46303F)

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