Basalt Ridge color palette — #D5EEF8 · #91AECF · #6B738E · #674A5B · #553E13

Built around Cocoa, softened by Mauve — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#D5EEF8): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#91AECF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#6B738E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#674A5B): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#553E13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Basalt Ridge 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

• Weathered Thicket color palette (#EDF6FF, #AAB7D2, #818098, #7D5B68, #3E5649)
• Ancient Fern Alley color palette (#C1E9EA, #7CACB3, #5C7B95, #594D00, #003132)
• Tempered Corridor color palette (#DBF1FF, #7386B0, #5F4C88, #4E2C11, #222700)
• Cocoa Orchard color palette (#D7EEE1, #A6C6F1, #A09ED0, #A27360, #573900)
• Pale Study color palette (#D3DEFC, #9D8AD1, #88527F, #614900, #354400)
• Aged Harbor color palette (#E2ECCD, #A9B79E, #7392B4, #82681F, #235036)
• Weathered Cerulean Dune color palette (#EFF8F1, #9ECDE0, #34839C, #006156, #123F58)
• Weathered Sapphire color palette (#E0F2FE, #579FE8, #4267BF, #393D8E, #3F3662)

Browse the whole catalog at Explore, or see today's palette.