Basalt Villa color palette — #DBF4E8 · #3D3E00 · #00203C · #230100 · #020200

Deep Olive and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DBF4E8): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#3D3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#00203C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#230100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Basalt Villa 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 Market color palette (#F4DCE6, #613100, #00272E, #210013, #040100)
• Smoked Thicket color palette (#D0F5ED, #183E00, #250056, #1D0E00, #000200)
• Abyss Delta color palette (#C3E6E8, #444149, #004432, #14171E, #000A0E)
• Navy Study color palette (#E3E4C3, #2D4A00, #0F007B, #240016, #020100)
• Dusty Boulevard color palette (#ECE9D2, #437600, #004737, #002023, #000A16)
• Dusty Spruce color palette (#DCE5E3, #98AEB0, #4A8A96, #204100, #031814)
• Aubergine Grove color palette (#D3ECEE, #006950, #4E0094, #2F2400, #001315)
• Deep Corridor color palette (#FAD7DE, #406400, #00373D, #33001B, #000F06)

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