Petrol Boulevard color palette — #F1F3EC · #C1E5E6 · #70A3C5 · #24768A · #213C35
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C1E5E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#70A3C5): A luminous, dusty blue — the color of deep harbor water.
- Teal (#24768A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#213C35): A deep, shadowed, dusty teal — the color of sea glass.
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
- Softworn Cerulean color palette (#D7F6E1, #6CC0DC, #009AC8, #1D6689, #1A3B32)
- Weathered Bloom color palette (#E9EADD, #85BFC5, #00788A, #004B48, #001921)
- Washed Ash color palette (#FBF2F6, #D8DFF0, #7B9CC1, #497682, #475369)
- Worn Blush Hollow color palette (#E9F5F1, #80BBE6, #C881B4, #3978A3, #44282A)
- Muted Lilac Lagoon color palette (#FAEDFB, #6DA0D5, #A679B8, #34887E, #2E2230)
- Lagoon Meadow color palette (#F2F3E6, #8BE1DF, #00959C, #006356, #002B31)
- Timeworn Orchard color palette (#E1E5D9, #598EC1, #004694, #00293C, #00001E)
- Tempered Chapel color palette (#DCFAF1, #A5D0F9, #4E8BC2, #224C72, #002720)
Browse the whole catalog at Explore, or see today's palette.