Muted Petrol Bloom color palette — #F4EEE4 · #80BAD9 · #006BB3 · #004E57 · #182C54

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

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#80BAD9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#182C54): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Muted 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

• Antique Boulevard color palette (#F0E7E0, #69BFE8, #3F6AAF, #004C44, #150F31)
• Petrol Lantern color palette (#F2EEE6, #98BC9F, #00748D, #005146, #003249)
• Muted Cobalt color palette (#FBF4EA, #A0D1C2, #4A78BF, #005D71, #30375C)
• Periwinkle Summit color palette (#E2F2F1, #B6D8F1, #5BADE7, #008CAA, #002F56)
• Dusty Teal color palette (#F1E8DB, #4BB1B0, #00636F, #004030, #00232F)
• Dusty Bronze color palette (#EDDACA, #BD6400, #00749C, #6F3800, #002D40)
• Dusty Periwinkle color palette (#F8F5EF, #C9E7E9, #739CCE, #277B8B, #5E4C5A)
• Antique Lagoon Hollow color palette (#E6DFD4, #35918B, #00454B, #002417, #000B10)

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