Petrol Bloom color palette — #E9F1EA · #94B7CB · #0370A1 · #004F51 · #0A2E54

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

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#94B7CB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0370A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#0A2E54): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Field color palette (#EEF8F0, #AFC9DC, #3C7CB8, #005E69, #27395F)
• Tempered Lagoon color palette (#F3E4EC, #78BFD8, #006CC0, #004D3F, #111033)
• Timeworn Lilac Field color palette (#D9EFFF, #AAC5E5, #9E94DA, #006570, #1D3959)
• Ultramarine Studio color palette (#DFE9E1, #82A2C0, #0E4FB5, #003C4A, #141253)
• Faded Cerulean color palette (#CCE8E7, #009CAC, #00677F, #00425E, #002B4E)
• Azure Lantern color palette (#D0EBFF, #4E9FDD, #005686, #002C44, #001729)
• Azure Courtyard color palette (#F3EEE5, #8CE1FF, #2FB0F4, #009094, #0F2F51)
• Pale Bronze Coast color palette (#C9E2F2, #008BB3, #A74C00, #005169, #451B00)

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