Basalt Ridge color palette — #F4F0FA · #AFCCB5 · #69597C · #382948 · #16121B

Navy takes the lead with Graphite close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F4F0FA): bright and airy, almost weightless.
• Pistachio (#AFCCB5): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#69597C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#382948): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#16121B): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, 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

• Softworn Pewter color palette (#FCF2F4, #9DCEAE, #764C7B, #502C34, #2E2320)
• Aged Terrace color palette (#F5F4FB, #C8DBF7, #9E769E, #494061, #1C1A22)
• Aged Driftwood Coast color palette (#FEF2F2, #E6CE9E, #9E6A8A, #634344, #342828)
• Wandering Balcony color palette (#FBEDF4, #C8B080, #7A4528, #431A00, #14080F)
• Muted Bronze color palette (#E9F6EB, #CF9D98, #9B6D3E, #005E5F, #392432)
• Softworn Ash color palette (#F5EFFB, #BE7E9C, #6D8D63, #006C70, #281E30)
• Softworn Plum Harbor color palette (#F4F0F6, #E5B3C4, #A57A33, #AE4973, #0E190F)
• Chestnut Harbor color palette (#ECDFF4, #705300, #251C0F, #2B0016, #040001)

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