Onyx Harbor color palette — #FFECCF · #004F5F · #00204D · #1E0001 · #000103

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

The five colors

• Custard (#FFECCF): A whisper-light, dusty gold — the color of old brass.
• Peacock (#004F5F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00204D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#1E0001): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

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

• Abyss Studio color palette (#F2E4C6, #00543F, #00282E, #1A0013, #000201)
• Shadow Aubergine color palette (#F4ECDD, #00487E, #270061, #150700, #00000B)
• Charred Onyx Atelier color palette (#D8F8EC, #42434C, #002D45, #080F13, #000110)
• Cerulean Summit color palette (#F2E8D8, #228795, #004255, #00201C, #000103)
• Navy Basin color palette (#F5E2CF, #00736D, #051D88, #160900, #000102)
• Navy Thicket color palette (#C5E6F3, #3C5C82, #373264, #2A0A00, #060300)
• Dusty Nightshade color palette (#EDDCC1, #0081BC, #3E3A9F, #4A1D00, #000E24)
• Cellar Nightshade color palette (#F2E0C3, #4D3EAE, #4D0056, #1A1300, #03000A)

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