Petrol Bloom color palette — #EAF4F4 · #D4D9EC · #829FBE · #3C738A · #28374A
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF4F4): a clean, paper-quiet neutral.
- Silver (#D4D9EC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#829FBE): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3C738A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#28374A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Ancient Cerulean color palette (#E0F3FF, #84C0E0, #4C91B9, #376588, #223A52)
- Weathered Terrace color palette (#D9ECEA, #66A4CA, #005C94, #003746, #000A1D)
- Petrol Study color palette (#E0ECEA, #8DBBD0, #007794, #004B4F, #001925)
- Hushed Lagoon color palette (#E8F3FF, #77A0CA, #9E80AC, #34887C, #192938)
- Petrol Summit color palette (#EAF3FC, #8AB9DF, #7BAA7C, #3D77A3, #0A3935)
- Driftwood Terrace color palette (#EAF3FF, #D7D4E2, #BFA2A6, #7189A1, #363F4F)
- Worn Petrol color palette (#F9F4EF, #CDE3E5, #AD8DAA, #197D86, #65485A)
- Ancient Cerulean Archive color palette (#E9F3FF, #B5D2FA, #6582B0, #334C73, #081D3A)
Browse the whole catalog at Explore, or see today's palette.