Muted Petrol color palette — #F0E6EC · #7ABFD3 · #0070B3 · #004D3A · #0D1035

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F0E6EC): bright and airy, almost weightless.
• Sky (#7ABFD3): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0D1035): 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 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 Summit color palette (#F9EEF3, #9CD0E8, #3F7BCF, #005C51, #171E3A)
• Petrol Orchard color palette (#E7F2E9, #71BED5, #00719C, #00504F, #032F53)
• Faded Ultramarine Courtyard color palette (#EFE0E6, #75A2C2, #2F4ABA, #003938, #100027)
• Coral Study color palette (#DCE8FE, #DFAFE3, #E47872, #006C88, #12132F)
• Lapis Lantern color palette (#DBDFED, #674ADC, #5D6500, #1F5426, #040721)
• Muted Periwinkle Studio color palette (#F6EFF3, #D6D1E7, #71A0D4, #3A7869, #2F3647)
• Dusty Cerulean Loft color palette (#ECE1EB, #1A9CA5, #00506D, #002E16, #000313)
• Worn Navy color palette (#F4E9ED, #4D7F9B, #00299B, #001F1D, #020009)

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