Petrol Boulevard color palette — #F1F7F2 · #D9DDEE · #839BBA · #34798B · #485366
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#839BBA): A luminous, dusty blue — the color of deep harbor water.
- Slate (#34798B): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#485366): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Hushed Cypress color palette (#F7EFF2, #D9D0E3, #899DC0, #1B7A79, #303350)
- Patina Lagoon color palette (#F9F4EF, #CBE8EB, #9EB0E1, #409694, #674856)
- Hushed Corridor color palette (#E5F3E8, #90B8CB, #007297, #00504D, #003051)
- Ash Study color palette (#FCF1FD, #E8D6D8, #BFD6BD, #9B89A8, #604C5B)
- Worn Veranda color palette (#D6E8DA, #589C9F, #005361, #003127, #001721)
- Dusty Coral Field color palette (#FEF0FF, #CB7F87, #779462, #58799F, #4C3C4D)
- Weathered Boulevard color palette (#D8E8DB, #69A7CD, #13589A, #003D46, #0A174F)
- Pewter Balcony color palette (#FAF2FC, #D89DA9, #5DA99D, #A2596A, #2C545B)
Browse the whole catalog at Explore, or see today's palette.