Worn Basalt color palette — #FCF4E8 · #B8B08E · #5E7E55 · #17675F · #4F4100
A conversation between Deep Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Sage (#B8B08E): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5E7E55): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#17675F): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#4F4100): 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 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
- Softworn Boulevard color palette (#F7F5EB, #BFC3AD, #778769, #4A705A, #4C5301)
- Washed Olive Grove color palette (#E7F6F0, #A7BC8F, #5B814D, #2D5E5D, #112D27)
- Aged Olive Studio color palette (#FFF3E6, #B3A365, #5F7317, #3B4C87, #463A00)
- Washed Taupe Quarry color palette (#ECF9EE, #D3DBA8, #8FB988, #6E98A1, #334840)
- Chalky Forest color palette (#F2EBD7, #76A05D, #006C46, #004C55, #193701)
- Linen Terrace color palette (#E9E1D3, #70824C, #005323, #381764, #151E00)
- Petrol Bloom color palette (#FDF0FE, #79A3D0, #B07F2E, #0067B4, #5A3B00)
- Petrol Loft color palette (#F9F4EF, #C8E3DC, #7588BE, #006F7E, #484266)
Browse the whole catalog at Explore, or see today's palette.