Petrol Bloom color palette — #CCE9F1 · #007794 · #00475F · #001622 · #000103

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

The five colors

• Frost (#CCE9F1): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00475F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001622): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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

• Cypress Corridor color palette (#D5F9E9, #007D68, #004B42, #001A18, #000202)
• Cobalt Loft color palette (#DBEBFA, #2586D4, #003E68, #251B21, #000713)
• Pale Ridge color palette (#DDF4EC, #0072AA, #91007C, #002E49, #040003)
• Frosted Petrol color palette (#DBF5F1, #008395, #00698B, #003C66, #000435)
• Pale Aubergine Balcony color palette (#CFE9FF, #005A89, #640097, #003B30, #000103)
• Aged Cabin color palette (#D4E7E2, #9EB9E9, #7D7FDE, #005071, #000104)
• Pale Cobalt Orchard color palette (#CFE3F6, #1574CA, #003B8C, #03005D, #01000B)
• Softworn Lantern color palette (#F6EAD4, #7C7437, #493A00, #1A1000, #010100)

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