Basalt Field color palette — #E8F4E9 · #699DA5 · #456C7E · #473F62 · #51212E

Espresso and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E8F4E9): bright and airy, almost weightless.
• Blue Fog (#699DA5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#456C7E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#473F62): A deep, shadowed, dusty violet — the color of a velvet chair.
• Espresso (#51212E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged vintage, retro, 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

• Dusty Cocoa color palette (#C2F5D6, #7BAAB6, #587889, #5C4D6D, #633437)
• Hushed Onyx Corridor color palette (#D4F3EF, #4889A1, #2C4670, #530D1C, #331100)
• Basalt Balcony color palette (#E2E0D0, #82986F, #416F5A, #3E4A67, #452B51)
• Cypress Hollow color palette (#DFF7E1, #7A9B89, #2B7459, #662E23, #2E1E00)
• Weathered Turquoise color palette (#E6EBD7, #78C7B2, #2DA9BF, #896385, #4C252E)
• Stone Atelier color palette (#E8F8FF, #ADC3D6, #8A91A1, #7E6E79, #634D54)
• Petrol Orchard color palette (#C5E9EC, #53A9D6, #4663AD, #772E31, #532E07)
• Timeworn Boulevard color palette (#F1E2C1, #AFAF89, #468791, #774836, #592800)

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