Petrol Boulevard color palette — #DBF0FF · #006CA5 · #002E48 · #2B232A · #000B13
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DBF0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002E48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#2B232A): a grounded near-black with real depth.
- Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged monochrome, 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
- Twilit Cypress color palette (#CDF0EC, #007576, #003030, #13171D, #000B09)
- Aged Lagoon color palette (#CFE2F2, #0082B1, #004E6C, #001E34, #000205)
- Sapphire Veranda color palette (#EEF6FF, #58ACFF, #006CCE, #003B70, #002846)
- Misty Cornflower Studio color palette (#DDE9FF, #4A95FF, #2649B2, #00205C, #000742)
- Antique Workshop color palette (#C9E8D7, #CF3100, #006E8B, #090F15, #000204)
- Tempered Violet color palette (#DCEAF2, #6E9EDD, #8353B1, #003E3C, #001022)
- Powder Balcony color palette (#F6F3FF, #BAAEFF, #7B68B0, #443D6F, #30234A)
- Velvet Alley color palette (#D5DFF0, #333BDC, #51001D, #0D0062, #040006)
Browse the whole catalog at Explore, or see today's palette.