Petrol Bloom color palette — #EDF0E7 · #8BB8D6 · #006CB1 · #004C62 · #0B2E56

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

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Sky (#8BB8D6): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#0B2E56): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Cobalt Archive color palette (#F4E6DB, #80BCE0, #386AB4, #004B4E, #111131)
• Petrol Terrace color palette (#EEEFE7, #95BCA0, #00748C, #004F50, #003344)
• Cobalt Balcony color palette (#F3F7ED, #9DD2C4, #4478C1, #005A7F, #4B3047)
• Dusty Cerulean Harbor color palette (#F5F6EB, #93DCE5, #008FA5, #006764, #00475A)
• Ancient Terrace color palette (#E4E7DB, #539AB2, #00516D, #002F35, #001624)
• Ancient Periwinkle color palette (#F7ECE3, #AFDFCE, #84A2E9, #00918C, #31264D)
• Ash Thicket color palette (#F4F6F0, #C6E6E9, #789CC6, #43768E, #5D4C5C)
• Dusty Mulberry color palette (#FFE5DD, #FFB8AF, #DB855C, #973B59, #38312E)

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