Petrol Bloom color palette — #ECF9F3 · #C8E4E7 · #DDC4CC · #2F80A5 · #11221C
Cerulean takes the lead with Oat close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Silver (#C8E4E7): A whisper-light, dusty blue — the color of open sky before noon.
- Oat (#DDC4CC): A whisper-light, dusty rose — the color of a warm blush.
- Cerulean (#2F80A5): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#11221C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Softworn Cerulean color palette (#ECF8F4, #E2D4D2, #A5A298, #5C90B8, #23322D)
- Timeworn Boulevard color palette (#FBF2F7, #E7D7D7, #D9BAB7, #6A6EB5, #261A22)
- Hushed Denim color palette (#E4EAEE, #C5CCD4, #97A4BB, #005E7B, #091821)
- Iris Summit color palette (#D8FFF4, #BBE8FF, #A4CFFF, #6E85DF, #00132D)
- Moonless Garden color palette (#F4DDF4, #0170EA, #192146, #13151C, #090109)
- Worn Grove color palette (#F2F9E2, #59D5A6, #008A73, #1B5C5A, #131C04)
- Powder Grove color palette (#F0F5FF, #ADB8FC, #9F7687, #7D4B59, #3D1B10)
- Azure Garden color palette (#E2FCF4, #0599ED, #6F4CA9, #004523, #001013)
Browse the whole catalog at Explore, or see today's palette.