Petrol Bloom color palette — #D2E9F5 · #436EA9 · #493D6A · #3B1300 · #100800
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E9F5): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#436EA9): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#493D6A): A deep, shadowed, dusty violet — the color of a velvet chair.
- Espresso (#3B1300): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#100800): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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
- Washed Alley color palette (#E7EBFA, #71598E, #5E3450, #271F00, #040800)
- Gentle Ridge color palette (#C3F0E7, #007689, #004771, #4A0520, #150200)
- Wandering Denim Ridge color palette (#DCF2EA, #5DA2C2, #60548C, #353500, #0B0B00)
- Patina Denim color palette (#D0E9F5, #668BBF, #5F4F90, #5F2900, #2B1C00)
- Hushed Denim Harbor color palette (#D2ECD5, #447F80, #3E497D, #1D3200, #001D16)
- Cerulean Garden color palette (#E9DFD1, #4597A8, #00516B, #002C29, #00050C)
- Hushed Ash color palette (#EFD7E5, #A684B4, #7D5366, #3D3A34, #0C2304)
- Cellar Aubergine color palette (#E5E1FE, #6752C6, #400097, #130032, #010009)
Browse the whole catalog at Explore, or see today's palette.