Muted Petrol color palette — #F4F6EF · #C8E4D5 · #5792B2 · #006F7E · #225245

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Celadon Mist (#C8E4D5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#5792B2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006F7E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#225245): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Weathered Petrol color palette (#F4F6EE, #C8E3DA, #6A8DB4, #006C8E, #573E56)
• Weathered Cerulean Bloom color palette (#F4F7E9, #A1D8EB, #008BB7, #00656F, #004565)
• Cypress Grove color palette (#F0F0E1, #63ADAB, #006469, #003F36, #00242A)
• Hushed Cerulean color palette (#DFE1D2, #4B8B97, #004453, #002223, #000B12)
• Ancient Periwinkle Drift color palette (#FAF3F6, #C9EAFF, #67ABE7, #2B8B85, #3B485E)
• Patina Orchard color palette (#EDF0E3, #8EBDA9, #006FA3, #004D5D, #033052)
• Wandering Lapis Lagoon color palette (#FFF0F8, #9D98CF, #279C97, #6451B8, #004D4A)
• Raspberry Summit color palette (#FFF0F7, #8C7BC4, #B65679, #007396, #4D2C3D)

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