Petrol Boulevard color palette — #FFF1F5 · #B6D8FB · #8092CE · #00798B · #333855
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Powder Blue (#B6D8FB): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#8092CE): A luminous, balanced violet — the color of wild irises.
- Teal (#00798B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#333855): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Patina Veranda color palette (#FDF1FA, #99E3ED, #52A0C2, #297C64, #1E3C5B)
- Aged Cornflower Thicket color palette (#FFF0F7, #87D6FF, #218BFB, #007273, #272C60)
- Muted Loft color palette (#F1F7F0, #ACC9E4, #6573B4, #005F61, #42305B)
- Antique Powder color palette (#FBF4EC, #C0EBE0, #A1AAF9, #009FA8, #442F58)
- Petrol Station color palette (#EED9E5, #49B0D0, #006CA7, #004B45, #030E39)
- Tempered Powder Studio color palette (#E4FAFF, #C8DDF9, #A9BFFD, #5F9577, #2C4955)
- Wandering Mint color palette (#D9E9DB, #00C9A1, #009E90, #006571, #003F50)
- Washed Teal Orchard color palette (#EADEE6, #2EA5A5, #006375, #003E24, #000B14)
Browse the whole catalog at Explore, or see today's palette.