Basalt Field color palette — #FAF3F6 · #C3E8D8 · #867FA9 · #473F67 · #22181D

Navy and Slate Blue set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Celadon Mist (#C3E8D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#867FA9): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#473F67): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#22181D): a grounded near-black with real depth.

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

Use it as a design system

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

• Wandering Basalt Quarry color palette (#FFF2F0, #F0E6BB, #9A6377, #59233A, #190B0A)
• Muted Veranda color palette (#F2F5FD, #A8CD95, #575984, #30384C, #25222C)
• Ash Drift color palette (#F3F4FE, #F5D1EF, #A893C7, #686A89, #292A36)
• Timeworn Stone color palette (#FCEEF1, #F1B1A3, #6E567E, #3F2A31, #1A1114)
• Lilac Meadow color palette (#FAF3F6, #E4DAE3, #D7A277, #A18BD6, #281B0F)
• Muted Byzantium Drift color palette (#FFF1F5, #BCE8A5, #8B46AF, #401953, #160007)
• Dusty Lagoon Bloom color palette (#FEF2F5, #D6B3EB, #C8AA6F, #4E926E, #3F2B31)
• Tempered Petrol color palette (#FAF5E4, #EED0FC, #CC8F95, #1E8188, #523739)

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