Petrol Boulevard color palette — #F2E1EA · #57AFCC · #006BA9 · #004B45 · #030A3F

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F2E1EA): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#57AFCC): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006BA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#030A3F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Courtyard color palette (#F3E2EE, #00B8BA, #007288, #004D2F, #001625)
• Worn Ridge color palette (#F5E5EA, #6FBAEE, #4471C7, #00585F, #1C1841)
• Washed Navy Cabin color palette (#F1E2EA, #4B9BB7, #004A89, #003128, #100341)
• Hushed Petrol Station color palette (#F6EDDE, #95C3AB, #006EA2, #003D40, #00020A)
• Lagoon Canyon color palette (#D0F4EF, #009096, #00657C, #00344E, #001236)
• Lilac Station color palette (#CFECFA, #83AEF4, #AD72C9, #006766, #00162B)
• Cobalt Boulevard color palette (#D1EAFC, #0092D9, #005B84, #002C4D, #000205)
• Terracotta Ridge color palette (#DAE8F1, #0083AD, #A84100, #004C66, #200600)

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