Petrol Bloom color palette — #F2E4EE · #89BCCF · #007697 · #004D39 · #00172C

Teal and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F2E4EE): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#89BCCF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00172C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Faded Coast color palette (#F2E5EA, #81BCDF, #2468C5, #004B4E, #110F36)
• Hushed Garden color palette (#E0F3F0, #62C2CC, #007587, #00504D, #003441)
• Pale Lagoon color palette (#FBEEF4, #9BD9FA, #2183E6, #006262, #1A1E4E)
• Cerulean Cabin color palette (#F5F7E8, #B4EDE2, #00A3BB, #006A67, #00232D)
• Ancient Balcony color palette (#E9F2FF, #CAB5FD, #E171B2, #006188, #111533)
• Patina Parlor color palette (#F6F0F4, #D3D2EB, #5FA6C9, #3A7867, #293748)
• Softworn Cerulean Market color palette (#EBDCE5, #2185A0, #003F64, #00201C, #00000C)
• Airy Field color palette (#D7E0EC, #2465CF, #805400, #3A5700, #000A1F)

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