Petrol Boulevard color palette — #F5ECE7 · #96BBA7 · #006DAC · #00504A · #182A5B

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F5ECE7): bright and airy, almost weightless.
• Sage (#96BBA7): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#182A5B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Wandering Cobalt Harbor color palette (#FAF4EE, #ACCEBF, #457ABA, #005F60, #303660)
• Muted Petrol Terrace color palette (#DFECEB, #86BDD1, #00759C, #004A53, #001828)
• Pale Ultramarine Veranda color palette (#F0E5DA, #78A4C9, #2C4DB1, #003D44, #1F1446)
• Worn Lagoon Studio color palette (#D8EBE7, #009BA2, #00667D, #004562, #002D5B)
• Dusty Lilac Cabin color palette (#D4FEEA, #B5C8F3, #AA82CE, #006869, #103557)
• Azure Ridge color palette (#CBE9FF, #3D9ED7, #005E85, #002B44, #001928)
• Bronze Study color palette (#CEE5D8, #008CAD, #A05200, #005165, #421E00)
• Linen Loft color palette (#F7EAF2, #8EE1FD, #54ACEE, #009287, #1D2C4F)

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