Petrol Boulevard color palette — #EFF8F1 · #DAD5E0 · #81A8DF · #067C92 · #222B52
Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Silver (#DAD5E0): bright and airy, almost weightless.
- Cornflower (#81A8DF): A luminous, balanced blue — the color of deep harbor water.
- Teal (#067C92): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#222B52): 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
- Timeworn Cypress Station color palette (#F1F7F2, #D5D6E6, #53B5CC, #00816B, #003347)
- Weathered Lagoon color palette (#FBF2F6, #C9E4FD, #9EAEEB, #009FA2, #41315A)
- Petrol Studio color palette (#E5F2E7, #81C2D3, #007196, #003E3B, #000307)
- Cerulean Alley color palette (#EFF8F0, #B0F3FF, #3E9FC0, #006B62, #002135)
- Aged Denim color palette (#E5F4E8, #83A6C8, #264EA4, #002936, #01000A)
- Worn Cobalt Field color palette (#FAF4EB, #A3D0C2, #3F78C6, #005D6F, #4D2E46)
- Misty Blush color palette (#FEF0FF, #F97789, #74A74C, #3D80CB, #271129)
- Cerulean Boulevard color palette (#EAFAED, #87DDDA, #008A99, #00543E, #000F16)
Browse the whole catalog at Explore, or see today's palette.