Moonless Petrol Courtyard color palette — #CCE3EE · #006C97 · #004062 · #001A32 · #00030D

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#CCE3EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006C97): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004062): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001A32): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00030D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Moonless Petrol Courtyard 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

• Airy Cobalt color palette (#D8F1FC, #0087B5, #00618D, #00375A, #00132B)
• Smoked Drift color palette (#D1E0F8, #3667C1, #00347D, #000F33, #000106)
• Dusty Forest color palette (#CEE2F4, #006193, #005A17, #002D47, #000400)
• Charred Hollow color palette (#D5EDE8, #006861, #004747, #002124, #000406)
• Navy Bloom color palette (#C5F2F5, #0091B3, #005480, #002265, #01000B)
• Shadow Aubergine Dune color palette (#D3E9FF, #004C81, #5E007D, #003731, #000104)
• Gentle Indigo color palette (#D0E2FA, #8795C4, #7666C7, #003D63, #02002D)
• Navy Hollow color palette (#C3E4FB, #008AD7, #0060AF, #003281, #030066)

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