Petrol Bloom color palette — #EBF7FF · #68ABD7 · #00699E · #003A56 · #171E3E
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Cyan (#68ABD7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00699E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003A56): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#171E3E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.
Use it as a design system
One click turns Petrol Bloom 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
- Timeworn Periwinkle color palette (#ECF7FF, #A1DAFF, #43B0F9, #327BAB, #00253C)
- Misty Navy color palette (#FFF0FD, #99B4E8, #4A6FAE, #0F3D8E, #162955)
- Hushed Turquoise color palette (#DDFFE7, #51B1BC, #007482, #004149, #00282D)
- Faded Cobalt color palette (#E7F4FF, #74C9FB, #0088D2, #00587E, #00253A)
- Aubergine Boulevard color palette (#FFF0F7, #9E98D7, #6452AE, #3B1680, #20144C)
- Tempered Petrol color palette (#DCFEF2, #F3DCF5, #9CAEDE, #007998, #15493C)
- Wandering Navy color palette (#FFF0F7, #D1C8F5, #8377AF, #554483, #382F57)
- Antique Onyx color palette (#F7EAF4, #C38994, #2E3F75, #0E1A52, #210E1E)
Browse the whole catalog at Explore, or see today's palette.