Softworn Basalt color palette — #FBF4E8 · #A7B787 · #577E5E · #6D5250 · #4B4300
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF4E8): bright and airy, almost weightless.
- Sage (#A7B787): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#577E5E): A full-bodied, dusty green — the color of fresh herbs.
- Coffee (#6D5250): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#4B4300): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Cypress Cabin color palette (#F8F1E3, #B7B690, #50816B, #6B4A52, #2A2811)
- Tempered Loft color palette (#F5F7E8, #79C0A9, #2A8284, #824921, #3D4635)
- Washed Courtyard color palette (#FDF4E1, #8CA568, #2B7345, #4E4B44, #36362F)
- Lime Station color palette (#EBFECE, #AEC36B, #597C31, #404D03, #243511)
- Muted Bloom color palette (#EBFAEF, #B8CDA1, #639E82, #716D8C, #2F4842)
- Ancient Fern Market color palette (#FAF6DF, #C1F3E2, #92D5D6, #987D53, #554D00)
- Sunlit Mustard color palette (#FEDAB3, #D5AB34, #898307, #4E6121, #334D33)
- Moss Courtyard color palette (#FCF5DE, #A3A646, #8B7EC1, #696A00, #433C61)
Browse the whole catalog at Explore, or see today's palette.