Softworn Basalt color palette — #F9F5E8 · #B5B18A · #5C7D5B · #5E5C2F · #4A4400

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#B5B18A): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5C7D5B): A full-bodied, dusty green — the color of a quiet forest floor.
• Olive (#5E5C2F): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#4A4400): 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 Softworn 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

• Misty Olive color palette (#FFF4DF, #A5A86A, #507700, #00613F, #3C3D0E)
• Hushed Delta color palette (#EEF8F0, #BACD9B, #59A17B, #597B62, #2C4941)
• Softworn Fern color palette (#EBE4D2, #849265, #306324, #004939, #232E00)
• Worn Canyon color palette (#ECFAE9, #65AFA7, #BF6F78, #00756E, #662E36)
• Pale Studio color palette (#C8F3D4, #6CB79B, #008977, #006261, #18435E)
• Olive Loft color palette (#ECE8D1, #527743, #004323, #202500, #041400)
• Hazy Cabin color palette (#EAFBE9, #009C9B, #9068A4, #8E5D00, #283F28)
• Muted Petrol Bloom color palette (#FAF4EC, #C8E3DA, #6F8CB6, #006E84, #3C456C)

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