Petrol Boulevard color palette — #E8EBDC · #7ABFD3 · #007698 · #004A51 · #001826

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

The five colors

• Parchment (#E8EBDC): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#7ABFD3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Balcony color palette (#E8F1EA, #8CB8CF, #00719B, #00504E, #003054)
• Antique Cobalt color palette (#F0F4E7, #A6D3BF, #1A85BB, #005969, #00271F)
• Denim Summit color palette (#DDE1D5, #5AA4D9, #005A9D, #003749, #000921)
• Antique Station color palette (#EAECDD, #009CA7, #00535F, #002C2A, #000508)
• Washed Workshop color palette (#FFF2EB, #BAF0FF, #339BD8, #006B5F, #0A1D3F)
• Patina Canyon color palette (#F1F3EB, #BAECEA, #79A895, #53745E, #243C34)
• Cobalt Summit color palette (#F6ECE6, #A9CFB7, #2E8DCF, #006F53, #202957)
• Hushed Loft color palette (#E6E0D1, #8D8200, #007A81, #4E4800, #001618)

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