Midnight Onyx Harbor color palette — #D7F5FB · #006B90 · #003767 · #040049 · #020010

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

The five colors

• Frost (#D7F5FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006B90): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003767): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#040049): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

Use it as a design system

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

• Cypress Loft color palette (#D3F6EC, #00767A, #003E4B, #001622, #000107)
• Softworn Navy color palette (#DAECE7, #009FB7, #005886, #1C006B, #030005)
• Cellar Parlor color palette (#C7E5F6, #0067A6, #0D00A8, #140041, #03000A)
• Worn Abyss Bloom color palette (#E0EAF0, #93A2AF, #657E9D, #003D4A, #00050A)
• Dusty Hollow color palette (#D8EAF0, #0099DF, #0055BB, #24008C, #190034)
• Twilit Pier color palette (#D3EDD8, #005E78, #040094, #2B0400, #000204)
• Onyx Thicket color palette (#D3E1EB, #00506E, #480049, #1C0C00, #000201)
• Tempered Petrol Station color palette (#C7E9FA, #4263AA, #4B356A, #381700, #001105)

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