Petrol Bloom color palette — #F9EBE2 · #76C3DD · #006DA8 · #003E39 · #000015

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Sky (#76C3DD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006DA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hazy Cobalt color palette (#FFF3E7, #9BD4F9, #4E7ABF, #005155, #0B0032)
• Softworn Delta color palette (#ECDBD2, #73AEAE, #005F71, #002D19, #000103)
• Muted Cerulean color palette (#E1EFED, #78BBD2, #008FBE, #006B77, #001625)
• Washed Onyx Market color palette (#F7EAF1, #599AAF, #004E7A, #00302C, #010A41)
• Plum Courtyard color palette (#F4DBE3, #BA0069, #006949, #004E46, #040001)
• Periwinkle Study color palette (#FBF4EF, #C0E5F5, #6FABE5, #007F7B, #212B52)
• Raspberry Boulevard color palette (#FFDEDE, #CD32A2, #007964, #6B0052, #000201)
• Weathered Amber color palette (#FFE7F4, #FFB0A9, #DD8C3B, #6D3280, #0F0003)

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