Petrol Boulevard color palette — #F6F1EC · #C4E7EB · #869BCC · #257782 · #432F3A
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F6F1EC): bright and airy, almost weightless.
- Frost (#C4E7EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#869BCC): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#257782): A full-bodied, dusty blue — the color of deep harbor water.
- Espresso (#432F3A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, 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
- Washed Station color palette (#F7F0ED, #C7E7DF, #59A8C4, #377A60, #203C35)
- Hushed Archive color palette (#E8F5F1, #84B9EA, #CC8D3F, #3A76AA, #35302B)
- Cypress Ridge color palette (#F4F6EE, #BFECF2, #AA8EAD, #4E7968, #5F4B5D)
- Washed Powder Pier color palette (#FCF2F5, #DBDEED, #9AB1E0, #53929A, #4B5169)
- Hushed Petrol Market color palette (#F3E6DF, #7BBFD1, #0073A7, #004C42, #00123A)
- Amber Garden color palette (#E0F8F0, #67A4CE, #C57740, #7D7C3B, #162C25)
- Sunlit Cerulean color palette (#FEEEE6, #89E0EB, #008FBA, #00644D, #002647)
- Lagoon Delta color palette (#F3E7E2, #3F999F, #005267, #002D1E, #00050C)
Browse the whole catalog at Explore, or see today's palette.