Petrol Boulevard color palette — #EDF9EF · #77BDC7 · #CC8372 · #00828E · #534B47

Teal and Coral Clay set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Cyan (#77BDC7): A luminous, dusty blue — the color of deep harbor water.
• Coral Clay (#CC8372): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#00828E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#534B47): quiet, heavy and certain.

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

• Ash Workshop color palette (#F0F8EE, #9CB997, #BC82B3, #00847D, #684045)
• Tempered Cobalt color palette (#FDF1FB, #99B0DD, #C18C5B, #456FC3, #664525)
• Aged Driftwood Balcony color palette (#E6FCED, #5CA4B4, #BD7269, #916931, #304939)
• Ancient Moss color palette (#E9F4F9, #74C1CE, #A1A23F, #00808F, #11392B)
• Weathered Mallow Ridge color palette (#ECF9F1, #81D2EB, #CD9BE2, #4698B1, #61444B)
• Bronze Courtyard color palette (#DAFFEE, #2AB1E4, #A95600, #006586, #5B2C00)
• Antique Summit color palette (#EBF9F0, #C7E4E7, #F3CAE0, #569D8C, #3A5347)
• Denim Villa color palette (#FAF2FB, #D9BA9C, #456082, #462F47, #2E2125)

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