Petrol Bloom color palette — #F7EAF1 · #45C8ED · #006AB4 · #003F32 · #020013

Royal Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Cyan (#45C8ED): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Spruce Balcony color palette (#F8E8FA, #63CAC4, #00738A, #084105, #000308)
• Cornflower Corridor color palette (#FFF1F6, #98D4FA, #4A73DB, #00524E, #11002D)
• Cerulean Drift color palette (#E8EBDE, #63BEDC, #008FBF, #006B78, #001625)
• Dusty Orchard color palette (#D2E6E4, #5194AB, #00506D, #002B31, #00050B)
• Patina Onyx Thicket color palette (#E9DED8, #6F9B84, #004E7B, #00302C, #010547)
• Coral Orchard color palette (#E9ECFF, #EEB3FD, #F3787D, #00688A, #10001C)
• Muted Periwinkle color palette (#FFF0F8, #D5D4E2, #77A8EA, #207F70, #252D47)
• Ancient Lantern color palette (#EBEDFF, #6124FE, #4A6200, #384B00, #010009)

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