Petrol Bloom color palette — #D7F5F8 · #00799E · #003E67 · #001034 · #01000A
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D7F5F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00799E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003E67): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001034): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, 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
- Denim Thicket color palette (#CCE9F7, #00587B, #003452, #001124, #000105)
- Aged Lagoon Canyon color palette (#CFEFDD, #008776, #004849, #002026, #000103)
- Patina Cobalt color palette (#D2E9E3, #006EB9, #744B00, #002C50, #020100)
- Navy Orchard color palette (#DDE7FF, #4E7AD6, #01349F, #000227, #000106)
- Dusty Peony color palette (#D3F6EC, #B9B3F0, #B46DAB, #004A59, #00000B)
- Hushed Meadow color palette (#D2E4FC, #0052A4, #633C00, #422D00, #000105)
- Eclipse Aubergine Quarry color palette (#DDECFF, #4D52D6, #410098, #28003F, #030003)
- Grape Corridor color palette (#DBE5F2, #5A8BFD, #5D3ED0, #49006C, #1A001C)
Browse the whole catalog at Explore, or see today's palette.