Petrol Boulevard color palette — #ECF7FF · #A7D1AD · #277BA2 · #0B4863 · #18232B

Cerulean and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Pistachio (#A7D1AD): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#277BA2): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#0B4863): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#18232B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Navy Loft color palette (#F0F5FF, #EAB3BD, #606FA0, #323E6F, #192232)
• Muted Coast color palette (#EDF8F2, #C0F7B6, #2B819F, #1F4031, #06130C)
• Hushed Ash color palette (#E9F9F5, #FFC5B9, #7099C3, #3D6E63, #192421)
• Powdered Cornflower color palette (#F1F5FB, #ABC5F1, #9082CD, #3A7AEC, #1F2334)
• Linen Drift color palette (#DAE6F6, #32C78F, #0053BF, #002967, #020F24)
• Iris Station color palette (#F2F5FB, #DCD9E1, #C8BED0, #7F89CC, #434851)
• Muted Meadow color palette (#E3F1FF, #269A5F, #003B62, #001121, #000205)
• Bronze Studio color palette (#E8F9FD, #38B0AB, #A16800, #5D6100, #0F2F2F)

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