Petrol Bloom color palette — #C5F4F7 · #007589 · #004A66 · #002742 · #000922

Built around Teal, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#C5F4F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004A66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002742): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000922): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Aged Turquoise Canyon color palette (#CFEDE5, #00B1BC, #0073A3, #002F5E, #0A0031)
• Timeworn Corridor color palette (#DBEFE1, #008066, #00584D, #002C2C, #000F12)
• Chestnut Courtyard color palette (#D4E5F3, #0073A5, #894100, #003B57, #120400)
• Tempered Powder color palette (#E1EEFB, #92B3FD, #8F74B2, #005266, #000E27)
• Hushed Lagoon color palette (#DDEDFF, #2F80D4, #004682, #001932, #000205)
• Worn Corridor color palette (#CEE8E0, #008898, #005872, #003359, #19135F)
• Timeworn Mulberry color palette (#D8E6F3, #005D92, #8E0041, #324200, #00040A)
• Nightshade Terrace color palette (#D2ECFE, #0073CC, #003AB7, #18006C, #0F0031)

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