Petrol Boulevard color palette — #D4EEEE · #316B9A · #413068 · #241E00 · #0B1100
Built around Peacock, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Frost (#D4EEEE): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#316B9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Royal Purple (#413068): A deep, shadowed, balanced violet — the color of a velvet chair.
- Onyx (#241E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0B1100): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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 Boulevard color palette (#CBE8FE, #626096, #5D284E, #0B2705, #001714)
- Worn Basin color palette (#DAF5E1, #2C757A, #003C65, #371600, #121000)
- Lowlit Denim Pier color palette (#D3E3F3, #4058AA, #35305B, #2C001A, #100003)
- Abyss Quarry color palette (#F3E9EF, #4B8B9C, #004161, #00231E, #000721)
- Worn Lantern color palette (#D8EAF3, #6484C0, #6A5A8F, #693409, #191000)
- Antique Mulberry color palette (#CEE6FD, #8882B5, #77426F, #14451C, #003127)
- Charred Nightshade Lagoon color palette (#DCE5FC, #4630BC, #473F00, #1C0063, #070600)
- Nightshade Courtyard color palette (#D2E6F2, #005BCC, #1F00A0, #18003D, #11001C)
Browse the whole catalog at Explore, or see today's palette.