Petrol Bloom color palette — #F1E5EC · #95B9CF · #2E6DB0 · #004D40 · #120E37
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5EC): bright and airy, almost weightless.
- Ash (#95B9CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2E6DB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#120E37): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Forest Bloom color palette (#EDE7ED, #85C0BC, #007790, #074F0C, #00172D)
- Tempered Cobalt Balcony color palette (#F7EFF3, #B1CBDF, #597BBB, #005C56, #221742)
- Hushed Dune color palette (#F2E5EA, #7AA0C4, #454DA2, #00393B, #120024)
- Quiet Meadow color palette (#F6EFF7, #96DFDD, #0091B2, #00681C, #002647)
- Cypress Thicket color palette (#F6F0F3, #D7D1E5, #819EC6, #2D796D, #2C3550)
- Tempered Denim color palette (#F5E7F3, #4598A3, #004F72, #002D1B, #00001F)
- Grape Drift color palette (#C1E6F4, #007A82, #8C299C, #820072, #000E0F)
- Worn Teal color palette (#CBF2EA, #02AE9C, #006655, #002D26, #000504)
Browse the whole catalog at Explore, or see today's palette.