Petrol Boulevard color palette — #E6F1F0 · #86BAD0 · #00719C · #004E5A · #00314E
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F1F0): a clean, paper-quiet neutral.
- Ash (#86BAD0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00314E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Aged Cobalt color palette (#F2E5EC, #84BDD4, #006FB5, #004C48, #091136)
- Patina Cobalt color palette (#EDF8F7, #A8CAE4, #347EB5, #005C73, #173C64)
- Denim Canyon color palette (#DFEDEC, #7CA3C8, #0054AC, #003A53, #041654)
- Antique Thicket color palette (#EDF1DF, #92E0FF, #1BB2F1, #008EA2, #00314E)
- Cerulean Canyon color palette (#E3F4F1, #519CA8, #005363, #003030, #001720)
- Hushed Orchard color palette (#EFF7F6, #D5DCEC, #7C9EB9, #1A7B90, #405569)
- Timeworn Nightshade Alley color palette (#D7DEF0, #7474C5, #007B73, #4500C3, #00302D)
- Muted Mulberry color palette (#DDE0FE, #7956AB, #AE004B, #005476, #25163A)
Browse the whole catalog at Explore, or see today's palette.