Petrol Bloom color palette — #F1E5EC · #95B9CD · #2171A7 · #004C46 · #04103C

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

The five colors

• Blush (#F1E5EC): bright and airy, almost weightless.
• Ash (#95B9CD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#2171A7): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#04103C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Wandering Cobalt color palette (#FAEEF3, #B2CBDD, #487EBD, #005B5B, #171B44)
• Dusty Petrol Station color palette (#E1F3F1, #7FBCD0, #007297, #004E57, #00324B)
• Weathered Atelier color palette (#F4E2E8, #72A2C7, #2F52A4, #00383E, #0B002C)
• Ancient Azure Coast color palette (#F4F7EA, #B8EAE6, #269FCA, #006872, #002133)
• Washed Field color palette (#F6F0F3, #D7D1E6, #78A0C9, #007B78, #2A364D)
• Hushed Meadow color palette (#EBDCE7, #58959D, #00516A, #002D21, #00040E)
• Navy Orchard color palette (#F8E7EE, #4E7E9E, #003584, #001F21, #01000A)
• Linen Plum Boulevard color palette (#F4E6FB, #B3306B, #007047, #005950, #1C000B)

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