Petrol Bloom color palette — #DDE7EC · #B7C6D3 · #95A6BC · #006C82 · #0A222D
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Frost (#DDE7EC): a clean, paper-quiet neutral.
- Stone (#B7C6D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#95A6BC): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006C82): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0A222D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ultramarine Pier color palette (#DADFE6, #BFC4D2, #A0A1C2, #3859B3, #17202E)
- Washed Abyss Lantern color palette (#DAE1E4, #AEBBC7, #828DAE, #004E57, #142127)
- Weathered Petrol color palette (#EEF8F2, #C5E0E2, #CCB0CC, #006B80, #041009)
- Weathered Dune color palette (#EEF6FF, #D6DEED, #BDB7E4, #0079D5, #253445)
- Washed Chapel color palette (#D5F2EB, #63A371, #007255, #004F53, #00220A)
- Nightshade Atelier color palette (#E3E8F2, #A1A4B0, #8482A2, #2B29AC, #030818)
- Denim Dune color palette (#D0E2F4, #0065A3, #413539, #192143, #000A18)
- Violet Courtyard color palette (#F4F4FB, #DDD7DD, #CAB8C4, #9568C1, #393945)
Browse the whole catalog at Explore, or see today's palette.