Worn Basalt color palette — #F8F5EC · #B5B191 · #5E7D58 · #385E7B · #4B4300

A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Sage (#B5B191): A luminous, dusty green — the color of fresh herbs.
• Fern (#5E7D58): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#385E7B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#4B4300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, 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

• Fern Pier color palette (#F5F6EB, #BCC5AB, #748965, #765D6E, #45550B)
• Patina Olive color palette (#FDF4E5, #A7A76D, #567600, #58437F, #3E3D09)
• Olive Coast color palette (#F9F0E7, #C0B28F, #5F804B, #71474E, #2E2613)
• Oat Bloom color palette (#EDF8F2, #CBDEA3, #95B78F, #7993AB, #2E4941)
• Aged Cypress Workshop color palette (#F8F4EE, #CBE4CE, #4C96A8, #00735F, #265241)
• Pale Station color palette (#FFF1F3, #BA8EBD, #659960, #95339F, #274D24)
• Navy Thicket color palette (#EFEDD1, #68A26A, #006B49, #1F3C87, #04390C)
• Softworn Fern Loft color palette (#EEE3D1, #8F9050, #455F13, #4C2D63, #2B2B00)

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