Basalt Canyon color palette — #FFF2EF · #BEE3CE · #7EAAA9 · #70688B · #40385A

Built around Navy, softened by Slate — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Celadon Mist (#BEE3CE): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7EAAA9): A luminous, dusty teal — the color of sea glass.
• Slate (#70688B): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#40385A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Basalt Canyon 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 Basalt color palette (#FFF1F6, #BDE0D2, #81A9AE, #7F6378, #522E19)
• Ancient Oat color palette (#F8F2FF, #EEC0AC, #84AF9E, #576589, #2E3850)
• Antique Quarry color palette (#FFF0F9, #C9EBE7, #92C0C4, #8C7D90, #543E59)
• Timeworn Driftwood color palette (#F8E5C6, #CAC6A5, #A4B088, #707EA6, #5B3644)
• Bronze Cabin color palette (#FBF9BC, #B5EFF2, #82B0CD, #986543, #563244)
• Muted Thicket color palette (#EBF9F3, #ADDEBD, #399B95, #7D556C, #002F2E)
• Onyx Terrace color palette (#F7E8DC, #9AA76B, #267B71, #55365B, #310638)
• Antique Garden color palette (#FBF1FC, #D2D5E5, #5EB3D0, #388143, #10304F)

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