Dusty Basalt color palette — #C7F4DC · #89B6A8 · #816A80 · #68416D · #5C2C33
A conversation between Charcoal Brown and Cocoa, giving this palette its sense of creativity and sophistication.
The five colors
- Honeydew (#C7F4DC): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#89B6A8): A luminous, dusty teal — the color of sea glass.
- Slate (#816A80): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal Brown (#68416D): A full-bodied, balanced pink — the color of neon signs at night.
- Cocoa (#5C2C33): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Dusty 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
- Petrol Delta color palette (#DDEFDB, #98B19D, #497F98, #554E76, #563149)
- Cocoa Villa color palette (#B9EEE0, #B997B4, #8D6C80, #6B4159, #5A362F)
- Ancient Cabin color palette (#BDE8F2, #7AD5E1, #72B0C7, #727CA2, #45465C)
- Dusty Boulevard color palette (#EEEFD4, #9CAD8C, #387E93, #6A3F33, #382410)
- Gentle Mulberry Terrace color palette (#D8EAFF, #8E9ECF, #7667B0, #7C2853, #632B35)
- Weathered Aubergine color palette (#E0F1FB, #68968A, #455382, #5D1854, #42172D)
- Hushed Garnet Corridor color palette (#CEE2FC, #6C78A2, #4B3F74, #550030, #3F0012)
- Tempered Chestnut Hollow color palette (#FFF0FD, #CCB7C6, #AA8F9A, #896A66, #724800)
Browse the whole catalog at Explore, or see today's palette.