Petrol Boulevard color palette — #F9EAEF · #73BAEA · #3D66AF · #004F55 · #2A284F
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9EAEF): a clean, paper-quiet neutral.
- Sky (#73BAEA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#3D66AF): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#2A284F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Sapphire Summit color palette (#F2E5EA, #8DB9D9, #4A65B8, #004B4A, #1B0A34)
- Aged Aqua Bloom color palette (#F5EBF2, #5DC4C7, #00748D, #005236, #00314E)
- Patina Cobalt color palette (#F7ECE3, #9ECAEA, #6983CA, #006C6A, #322350)
- Ancient Thicket color palette (#FFF0FC, #78E0F1, #008BB9, #006954, #224165)
- Dusty Periwinkle color palette (#F3EEE5, #B2DECF, #62A6FF, #008DA6, #1D275E)
- Worn Cerulean Station color palette (#F4E2EB, #1F9EC2, #004D7D, #00302D, #040B3D)
- Tempered Petrol color palette (#FCF2F5, #DBDDEE, #859ABE, #3C7984, #4D5264)
- Worn Canyon color palette (#F9EBF5, #199294, #004453, #002414, #000A15)
Browse the whole catalog at Explore, or see today's palette.