Petrol Bloom color palette — #E1EFE3 · #73AAC9 · #0069B2 · #004952 · #000843

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#E1EFE3): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#73AAC9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#000843): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Turquoise Basin color palette (#DBE9DD, #4EB2BE, #00728C, #004B42, #001623)
• Washed Petrol color palette (#F5EDE0, #6DC2EF, #006AB4, #003D44, #000114)
• Misty Quarry color palette (#F3E3EA, #5898BA, #0039B2, #00302C, #17023C)
• Cornflower Loft color palette (#EFDED2, #7AB9DD, #3978FF, #006E66, #160834)
• Tempered Cobalt Ridge color palette (#E8F2E9, #9CCCE4, #3A8DCA, #006B73, #112D57)
• Azure Parlor color palette (#EAFAED, #AAE6F7, #2DA8DE, #008281, #174268)
• Frosted Courtyard color palette (#F8D3DA, #BB0056, #4C6500, #004E7E, #160005)
• Hushed Lagoon Orchard color palette (#F1F7F2, #D1E2F3, #8DB9CC, #5A9481, #3F5664)

Browse the whole catalog at Explore, or see today's palette.