Basalt Ridge color palette — #D6ECE1 · #525662 · #3F3B00 · #181E26 · #010C00

Built around Deep Olive, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D6ECE1): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal Brown (#525662): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Olive (#3F3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#181E26): quiet, heavy and certain.
• Ink (#010C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Forest Lagoon color palette (#CEF3F2, #006540, #3C3941, #001F20, #000C0C)
• Softworn Olive color palette (#E4F7F1, #678B1D, #284242, #1E2C28, #101716)
• Patina Lagoon color palette (#F0E1EC, #00A3A6, #005264, #00321E, #001625)
• Moonless Olive color palette (#EAE0C2, #736E00, #233A05, #171D16, #080700)
• Cocoa Harbor color palette (#FBE9F1, #592B00, #261713, #0C0800, #060002)
• Hushed Courtyard color palette (#CCE7DE, #008144, #004238, #44060B, #001506)
• Pale Olive color palette (#F5E0C2, #6F7820, #0D563B, #401A48, #2F0A1D)
• Dusty Aubergine Dune color palette (#D5EAD4, #207027, #4E005F, #550021, #000B01)

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