Petrol Bloom color palette — #EFF6FB · #D4D9E7 · #A8BFD5 · #007692 · #2F434E

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D4D9E7): bright and airy, almost weightless.
• Ash (#A8BFD5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007692): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#2F434E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Tempered Balcony color palette (#EAF4F9, #D2D6E7, #ADC0E3, #00788C, #18272F)
• Aged Denim color palette (#E9F0F5, #C3CDD7, #92A2B5, #005C80, #1C303F)
• Cerulean Pier color palette (#F0F7F2, #C9E0E3, #E5C1DC, #0096AE, #36443A)
• Muted Sapphire color palette (#F0F5FF, #DCD6E8, #B3BADB, #455DCF, #354055)
• Washed Parlor color palette (#F4F5FB, #DCD8DD, #B7A8A6, #877AA3, #51525B)
• Cypress Lantern color palette (#E4FBF8, #7AB193, #007C5F, #005E57, #02472B)
• Lowlit Courtyard color palette (#E0EFFF, #006CB5, #132952, #001931, #050715)
• Washed Cocoa color palette (#E4ECFF, #B3A7D8, #886796, #814547, #72311B)

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