Basalt Field color palette — #D9F3EC · #777CAD · #60496F · #543100 · #292500

A conversation between Espresso and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D9F3EC): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#777CAD): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#60496F): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#543100): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#292500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Pewter Canyon color palette (#D3E0FE, #9F7689, #70476D, #4C3800, #262C00)
• Worn Harbor color palette (#DDEFF1, #588EA2, #3D5989, #5A2324, #332200)
• Aged Garnet Dune color palette (#DCE3F3, #7A66A1, #662E5A, #362900, #00200F)
• Aged Canyon color palette (#D4E3F0, #929BE2, #9779A6, #78542B, #332D00)
• Linen Pewter Meadow color palette (#D7F0ED, #6E9ED9, #845595, #385015, #002D25)
• Hushed Denim color palette (#F0EAE0, #77A6BD, #005B92, #003D43, #001B4C)
• Softworn Ash Basin color palette (#FCE2E7, #B9839D, #895C56, #335731, #00453D)
• Aubergine Coast color palette (#F9E4EE, #7553C2, #5E5D00, #45008F, #1C1C00)

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