Petrol Bloom color palette — #EDF3F7 · #A4C8E4 · #767CBE · #007BAC · #101524
Built around Cerulean, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Sky (#A4C8E4): A luminous, dusty blue — the color of deep harbor water.
- Slate Blue (#767CBE): A luminous, balanced violet — the color of wild irises.
- Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#101524): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, 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
- Antique Indigo Corridor color palette (#EFF2F8, #BCBEEE, #A36D9E, #6865BA, #171320)
- Dusty Cypress color palette (#ECF3F5, #8ED3C8, #3E8EA6, #008478, #081820)
- Violet Boulevard color palette (#F0F7F2, #92CCD4, #9C64AB, #007B88, #372A2D)
- Antique Balcony color palette (#E9F3FF, #A4BAE0, #7880B5, #564993, #331D59)
- Patina Iris Dune color palette (#EFF7F4, #A3D9FD, #9090E9, #5394BE, #372931)
- Cocoa Basin color palette (#FAEDFA, #9CAAD6, #7A70A2, #773E4C, #232B40)
- Timeworn Nightshade color palette (#DDE5F3, #738ACD, #77239F, #1E15C8, #02000F)
- Hushed Aubergine Quarry color palette (#DCE0ED, #736BC0, #680083, #380091, #010008)
Browse the whole catalog at Explore, or see today's palette.