Petrol Bloom color palette — #EEF3EF · #D8DBEE · #859DC7 · #27758D · #2C364D
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF3EF): a clean, paper-quiet neutral.
- Silver (#D8DBEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#859DC7): A luminous, dusty violet — the color of a velvet chair.
- Teal (#27758D): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2C364D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, 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
- Iris Study color palette (#F9F4EF, #CAE6EA, #8795D3, #297C7F, #644A54)
- Petrol Corridor color palette (#E3ECE4, #83BDD0, #0074A2, #004B4B, #00162E)
- Worn Lantern color palette (#EDF4EE, #C4E2EB, #319EAC, #006F53, #063043)
- Timeworn Field color palette (#E6F5F9, #7FC1BD, #C7888F, #00837F, #3E2741)
- Gentle Denim Grove color palette (#E7F3E9, #78A2C2, #0854AD, #003843, #040031)
- Dusty Abyss color palette (#D8E4DA, #53808E, #00434F, #002018, #000103)
- Lagoon Dune color palette (#E1F6FD, #D1D8E7, #B1A0A1, #64A08F, #2D434D)
- Patina Lagoon color palette (#CEFCFB, #8FCEB8, #2A9488, #006668, #124152)
Browse the whole catalog at Explore, or see today's palette.