Petrol Bloom color palette — #E8F0F4 · #D1D8E3 · #B3B5CF · #007DA1 · #1E303B
Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F0F4): bright and airy, almost weightless.
- Silver (#D1D8E3): bright and airy, almost weightless.
- Ash (#B3B5CF): A luminous, dusty violet — the color of wild irises.
- Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#1E303B): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Worn Azure color palette (#E8F0F5, #D0D2E6, #BAB5CC, #429DC9, #20303B)
- Hushed Petrol color palette (#EFF8F3, #E8D2CE, #D2B4A1, #358199, #12231A)
- Patina Courtyard color palette (#DDE5EE, #C0C4D1, #A6A0BC, #0063AA, #0F2132)
- Fern Corridor color palette (#C5E7F6, #80ADC0, #5E80A0, #655F14, #004539)
- Indigo Thicket color palette (#F2F5FE, #DEDCEB, #CAB5D4, #6960E6, #2C3244)
- Worn Cypress Corridor color palette (#D7EAE2, #7EB48A, #008379, #295981, #033215)
- Antique Grape Basin color palette (#D1E5EC, #00999F, #664DB2, #504100, #002527)
- Ultramarine Hollow color palette (#E7EDF6, #B3B3C1, #9D8EAA, #3036C7, #0B1324)
Browse the whole catalog at Explore, or see today's palette.