Petrol Boulevard color palette — #D9F5F6 · #007081 · #003E51 · #001E2F · #00050F
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9F5F6): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E51): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001E2F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00050F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Onyx Corridor color palette (#D7F2EF, #00767F, #00475E, #00263D, #000A3B)
- Worn Cocoa Orchard color palette (#D4EDFB, #006486, #792F00, #002E41, #080100)
- Forest Thicket color palette (#D8E5D9, #006A49, #00483B, #001C1B, #000708)
- Charred Courtyard color palette (#CAE3F7, #0077BF, #003E60, #001324, #000103)
- Lagoon Parlor color palette (#D5E8E4, #00949C, #00556A, #00274E, #020014)
- Aged Navy Quarry color palette (#DCF2FD, #006397, #00387D, #090060, #020014)
- Linen Basin color palette (#C7E5FD, #6695FD, #8466BF, #004753, #000611)
- Garnet Station color palette (#DAEFFE, #004F74, #74003E, #2C3300, #000103)
Browse the whole catalog at Explore, or see today's palette.