Muted Petrol color palette — #F3F8E6 · #80C2E1 · #0076AA · #005363 · #00355A

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

The five colors

• Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#80C2E1): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0076AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

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

• Tempered Cobalt Bloom color palette (#FFEEE2, #81C6E7, #0072CE, #005151, #0F1046)
• Linen Sky Meadow color palette (#E2FBF9, #AAE3FF, #33B6FC, #0094AE, #00355A)
• Denim Studio color palette (#DDE1D4, #79A5BF, #005C90, #003C4B, #002040)
• Dusty Drift color palette (#F5F6EC, #B6D9BB, #008FA1, #006761, #004857)
• Cornflower Villa color palette (#FFF0F7, #84D7FD, #0C8EF6, #007271, #232B68)
• Hushed Petrol Harbor color palette (#F4F6EF, #C8E3DB, #628CC2, #006B93, #583D55)
• Lagoon Loft color palette (#EAEBE0, #4F9EA0, #00545C, #00302B, #00171D)
• Amethyst Basin color palette (#DEDDEE, #763FF5, #B40069, #005C73, #251651)

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