Midnight Basalt Ridge color palette — #D4F3DF · #005666 · #523400 · #00232B · #020100

Cocoa takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D4F3DF): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005666): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#523400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Midnight 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

• Lowlit Abyss Balcony color palette (#D0EFFF, #00415A, #452A00, #211D00, #000103)
• Nocturne Garnet color palette (#D8F2DE, #005661, #730023, #002328, #040000)
• Eclipse Navy color palette (#F6DFF6, #004A96, #553200, #001D42, #020100)
• Smoked Chestnut color palette (#D5E9E1, #7E5500, #005F5E, #040A0C, #000200)
• Petrol Workshop color palette (#D4E8F7, #0074A0, #7F4300, #002F44, #030100)
• Fern Terrace color palette (#F1E7D4, #4E5900, #352800, #1B0800, #000200)
• Softworn Mulberry Harbor color palette (#D9F1FF, #8188CB, #8A4D81, #003933, #000114)
• Aubergine Basin color palette (#F4D5E1, #6416A3, #503600, #2B004D, #020100)

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