Worn Basalt color palette — #D7E2FF · #9B99C6 · #926C7A · #684A44 · #533600
Built around Cocoa, softened by Blue Fog — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#D7E2FF): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#9B99C6): A luminous, dusty violet — the color of wild irises.
- Mocha (#926C7A): A full-bodied, dusty rose — the color of a warm blush.
- Coffee (#684A44): A full-bodied, dusty orange — the color of sun-warmed clay.
- Cocoa (#533600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Chestnut Thicket color palette (#EAD6FF, #C99CA6, #946784, #7F481C, #4D4000)
- Cocoa Courtyard color palette (#B4EAFD, #68AAD2, #667DA0, #6B454E, #612802)
- Aged Chestnut color palette (#FFEDF7, #C4AFDA, #9E7D83, #935336, #634B00)
- Antique Dune color palette (#F2E5FF, #97689A, #6B405B, #511F03, #301A00)
- Ancient Powder color palette (#D3E8FF, #B2BAE8, #928EB2, #576C56, #305040)
- Ancient Corridor color palette (#FFDCE6, #C87E84, #9B5A4C, #48453E, #2E312B)
- Linen Lilac color palette (#FFE7F0, #9D74DE, #B55B41, #644096, #51281D)
- Muted Fern Pier color palette (#E3E9DC, #AACEBD, #AA9FCD, #679373, #3B4F08)
Browse the whole catalog at Explore, or see today's palette.