Petrol Boulevard color palette — #CCE4EF · #006F83 · #132641 · #001621 · #01050A

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

The five colors

• Frost (#CCE4EF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#006F83): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#132641): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001621): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#01050A): quiet, heavy and certain.

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

Use it as a design system

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

• Obsidian Ultramarine Orchard color palette (#D8E3F5, #375CB7, #24223C, #051329, #03050D)
• Softworn Orchard color palette (#D1E6F1, #008FAC, #1F435F, #0A2531, #060F12)
• Wandering Turquoise color palette (#D6E5DC, #00ACCC, #72576F, #2F4136, #090F07)
• Twilit Aubergine Harbor color palette (#E5E6F5, #6E2BA5, #2E0C1D, #10011E, #060000)
• Moonless Aubergine color palette (#D6DFF8, #692C12, #2B0081, #2B1221, #0C000B)
• Feathered Indigo Lantern color palette (#D9E4FF, #6B70C2, #9E5800, #675300, #252749)
• Ancient Fern color palette (#FFF1F5, #9F9E6E, #466F40, #00565B, #123F2D)
• Pale Dune color palette (#C5E9EA, #3DAACF, #006FAC, #2F3EA5, #3C2D5E)

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