Petrol Bloom color palette — #F1F4E2 · #62CBE9 · #007DA2 · #005058 · #001D2C

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

The five colors

• Cream (#F1F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#62CBE9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001D2C): 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

• Cerulean Summit color palette (#F1F3E7, #B3D0BC, #3B879F, #005B5E, #002433)
• Timeworn Ridge color palette (#FFF0F9, #74C5DD, #0075AE, #00574D, #042A77)
• Sapphire Harbor color palette (#EFF4E5, #8FC0F0, #006DDE, #004D6C, #010955)
• Chalky Cerulean Delta color palette (#E8FAF7, #84D9F1, #009AC5, #00717A, #003850)
• Antique Denim color palette (#DDE1D1, #71A5BA, #006085, #003841, #000C18)
• Dusty Navy color palette (#DEE3D5, #467FA7, #003D6C, #001D29, #000106)
• Wandering Terracotta Canyon color palette (#E7E7C3, #7A7600, #00765F, #8B3000, #100F00)
• Dusty Moss Archive color palette (#EBE3CE, #919344, #665C00, #433400, #101400)

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