Basalt Loft color palette — #F8E7FF · #D7D1C7 · #AFA5AB · #593B44 · #2E2326

Built around Cocoa, softened by Blush — the whole palette hums with sophistication.

The five colors

• Blush (#F8E7FF): A whisper-light, dusty pink — the color of neon signs at night.
• Oat (#D7D1C7): a clean, paper-quiet neutral.
• Taupe (#AFA5AB): a calm mid-gray that lets other colors speak.
• Cocoa (#593B44): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#2E2326): a grounded near-black with real depth.

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

• Aged Cocoa color palette (#FFEBCC, #FFD0CB, #B8B1A8, #65290D, #241B17)
• Tempered Driftwood Veranda color palette (#FDF2F4, #E3DCD1, #9B779E, #5E3A42, #23171A)
• Wandering Lagoon Field color palette (#FCF1FC, #A4C5F4, #95BB8C, #1A9681, #392D39)
• Timeworn Study color palette (#FBF3F2, #DFD8D3, #C0C6BB, #D79AB0, #544B4A)
• Shell Villa color palette (#E8E7FF, #FFCDA2, #FFADBB, #461E27, #0D0403)
• Aged Boulevard color palette (#DDEEF3, #EFC81E, #A2B8FF, #29303D, #15181E)
• Ancient Peony Thicket color palette (#FCF2F2, #E3D8D2, #E2969B, #CF78B1, #291A16)
• Aged Thicket color palette (#FFF2EF, #E1D8CF, #E39E95, #AB543A, #702E02)

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