Petrol Bloom color palette — #CBEBF4 · #007DA2 · #00415E · #001B32 · #08021E
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CBEBF4): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00415E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001B32): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#08021E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Airy Atelier color palette (#D3EFE0, #00A2B1, #007394, #004784, #000E18)
- Sunlit Onyx color palette (#CAE6F7, #0073B6, #003A76, #040057, #05002A)
- Softworn Basin color palette (#D5EFE4, #008171, #004642, #001F21, #010911)
- Nocturne Grove color palette (#CDF3E9, #007079, #003B53, #050053, #020009)
- Ancient Navy color palette (#CBE8DF, #0092A6, #005C82, #002664, #0C002B)
- Abyss Terrace color palette (#DEE9E0, #9EAEA4, #658879, #003F47, #0B170E)
- Aubergine Terrace color palette (#CCF0E6, #004D81, #36006A, #2A001A, #000A0A)
- Nightshade Workshop color palette (#DDEEFF, #1663CA, #1D00BC, #150055, #0C0028)
Browse the whole catalog at Explore, or see today's palette.