Petrol Boulevard color palette — #F1F7F2 · #D1DEDD · #AFC5C7 · #26828A · #404B42
Teal takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D1DEDD): a clean, paper-quiet neutral.
- Stone (#AFC5C7): A luminous, dusty blue — the color of open sky before noon.
- Teal (#26828A): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#404B42): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Lagoon Summit color palette (#EEF3EE, #CDDCDC, #CFBCBF, #298485, #272E27)
- Weathered Veranda color palette (#EDF8F2, #C1D9D1, #BA9BB6, #00647F, #21392E)
- Hushed Pine color palette (#F8F5EA, #B1B28D, #4A825B, #23665F, #464500)
- Washed Corridor color palette (#F9F3F9, #E6D5D7, #D0B2BF, #2767C2, #4A394A)
- Wandering Petrol color palette (#D7EAE1, #127BA3, #3C2B3D, #0A251B, #06100E)
- Aged Fern Meadow color palette (#DBF5E6, #95BFB4, #9C7D8F, #805447, #554E00)
- Timeworn Lantern color palette (#D7E3DB, #9BAEA6, #8F7591, #003F4A, #06180D)
- Garnet Market color palette (#FFF4E2, #57A5B2, #3A6DA0, #7D3235, #244536)
Browse the whole catalog at Explore, or see today's palette.