Muted Petrol color palette — #F4EEE4 · #87B9D4 · #006CB1 · #004E57 · #1B2D4F

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

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#87B9D4): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1B2D4F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Petrol Thicket color palette (#F4EDE3, #97BC9E, #00748C, #005145, #003248)
• Faded Cobalt Thicket color palette (#F4E6DB, #69BFE7, #3A6AB2, #004C44, #150D35)
• Dusty Cobalt color palette (#F9F4EE, #9ED2C2, #4578C3, #005D70, #2F385D)
• Tempered Periwinkle Field color palette (#E1F3F1, #B6D8F1, #5AADE6, #008DA9, #002F55)
• Antique Teal Pier color palette (#E4DED6, #4EB0AF, #00636F, #00402F, #00242F)
• Weathered Ash color palette (#F8F5EF, #C6EAEC, #799CC5, #417884, #5E4C5A)
• Mulberry Lantern color palette (#F1D7D4, #C15281, #007C6C, #86004C, #003129)
• Antique Balcony color palette (#F3ECE1, #5484B4, #0018AF, #00212B, #06012A)

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