Softworn Basalt color palette — #F7F8DB · #CAE1D1 · #A8BFAA · #8B6F78 · #604443
Cocoa takes the lead with Stone close behind in a set that reads as sophistication at first glance.
The five colors
- Custard (#F7F8DB): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#CAE1D1): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#A8BFAA): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#8B6F78): A full-bodied, dusty rose — the color of pressed rose petals.
- Cocoa (#604443): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
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
- Cocoa Balcony color palette (#EFF9E6, #C8E4DC, #A3CACA, #A08585, #814229)
- Washed Cerulean color palette (#CDF6EC, #9CC1C2, #6094A2, #615F7B, #5E4255)
- Antique Pewter color palette (#D6FFF8, #9FE7F9, #92B0D9, #975864, #6B3724)
- Patina Cerulean color palette (#D1FEFF, #A8D2BD, #6E87B8, #774A4D, #441D00)
- Tempered Bronze Garden color palette (#F9F5EB, #C5ECCB, #87AA79, #8E722B, #3A3932)
- Cocoa Hollow color palette (#B5EBFF, #89A7C9, #6C6EA3, #6E2F19, #241600)
- Antique Teal color palette (#E0FFE0, #A2F5C5, #35B799, #007B74, #28462A)
- Misty Seafoam color palette (#EFF9EB, #7CEBD7, #F09FBA, #289E8C, #522A38)
Browse the whole catalog at Explore, or see today's palette.