Petrol Bloom color palette — #F5F1EA · #C5E5E7 · #7F9FC6 · #347583 · #412F3E

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

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C5E5E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7F9FC6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#347583): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#412F3E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Dusty Cypress color palette (#F5F1EA, #C9E1DC, #7DA891, #37786E, #233C33)
• Wandering Cypress Harbor color palette (#FAF3F6, #D9DDEE, #8998C2, #007F7D, #4C506D)
• Washed Lilac Garden color palette (#FFECF2, #AF8BCA, #B0844F, #2F8883, #361F27)
• Soft Denim Harbor color palette (#E8DFD1, #65A5C9, #005A9B, #003840, #000330)
• Dusty Petrol Dune color palette (#EFE8DD, #9ABDA5, #007698, #004C47, #001829)
• Driftwood Orchard color palette (#FDEDF2, #E4D4CD, #A8B4C1, #9D768B, #483236)
• Cerulean Cabin color palette (#F8F1E5, #9FDCE0, #0092AC, #006453, #00293A)
• Pewter Atelier color palette (#FEECF3, #BEA7E0, #8FA66C, #7E61A4, #32312A)

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