Basalt Loft color palette — #F2F0FA · #AACEB1 · #625C7E · #402544 · #14121C

Deep Indigo and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F0FA): bright and airy, almost weightless.
• Pistachio (#AACEB1): A luminous, dusty teal — the color of glacier melt.
• Graphite (#625C7E): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#402544): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#14121C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Basalt Loft 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 Villa color palette (#F9EEF7, #99BEA0, #813E37, #47120E, #130812)
• Driftwood Parlor color palette (#FBF3F4, #E4CFA2, #986A9F, #62434A, #34272A)
• Tempered Driftwood Alley color palette (#F3F4FF, #C6DAF5, #907CA5, #434262, #1A1A24)
• Patina Plum color palette (#F3F0F8, #C9BCDF, #AD734C, #9A568A, #1F1118)
• Patina Terrace color palette (#F3EFFD, #B183AD, #7E8A4D, #176D5B, #241F31)
• Weathered Veranda color palette (#E8F6EA, #D19AA6, #9B6B57, #11604F, #352635)
• Mulberry Studio color palette (#F6EEFF, #C4A35C, #821561, #3F002C, #0D0217)
• Cellar Chestnut color palette (#E5DEF3, #705300, #211103, #280024, #030003)

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