Petrol Bloom color palette — #D7E8E7 · #78A8CB · #0069B2 · #00475D · #001232

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

The five colors

• Frost (#D7E8E7): a clean, paper-quiet neutral.
• Blue Fog (#78A8CB): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Turquoise Workshop color palette (#D8E9E6, #3FB4C2, #007387, #004A49, #00171F)
• Muted Petrol color palette (#F8EAEF, #83BFE4, #4262B1, #003E3B, #040010)
• Aged Parlor color palette (#EEE7DC, #85B7D9, #2F83E1, #006A7C, #050446)
• Ancient Garden color palette (#EEDFE5, #3899CF, #00429F, #002F32, #100839)
• Worn Terrace color palette (#EFF7F7, #BCD8F3, #6098DC, #07759E, #2A3B54)
• Quiet Seafoam color palette (#E6FAF5, #64E2DC, #00A0A5, #007462, #003A41)
• Timeworn Grove color palette (#EFF7F5, #D1DFF0, #7ABEC9, #49958E, #3D5764)
• Ultramarine Studio color palette (#E9DEED, #CC316F, #084FF1, #81003F, #000639)

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