Petrol Boulevard color palette — #D0F5D6 · #58B1CA · #007FA9 · #005D8E · #2A4467
Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D0F5D6): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#58B1CA): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005D8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2A4467): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Nightshade Garden color palette (#C4F3E1, #7FB2E2, #4A72C1, #3F4FAA, #3F3D65)
- Airy Sky Lagoon color palette (#B6F8FC, #41DDFB, #36BAEE, #5490BD, #334B6A)
- Lagoon Cabin color palette (#E3EDC6, #73BD9D, #008B7B, #006566, #1E4660)
- Faded Amber color palette (#EAF9F3, #6BA8CC, #BE7639, #006E9B, #603711)
- Muted Workshop color palette (#CCE8F4, #009FDD, #0069B4, #0031AB, #2C2086)
- Petrol Cabin color palette (#DBFFF1, #94B8E0, #6D88C2, #5661A8, #6D495E)
- Timeworn Cerulean color palette (#E3FCF3, #EDD9D4, #D6C3F9, #3091AC, #61495F)
- Tempered Boulevard color palette (#DDFEF3, #558FBB, #B55974, #5B7400, #144136)
Browse the whole catalog at Explore, or see today's palette.