Muted Petrol color palette — #E4F2EF · #7DC5C9 · #007482 · #003E3A · #000305

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

The five colors

• Cream (#E4F2EF): a clean, paper-quiet neutral.
• Mint Leaf (#7DC5C9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007482): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000305): a grounded near-black with real depth.

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

• Softworn Sapphire color palette (#DDF3F2, #8FBCE2, #0068BB, #003B50, #00020D)
• Dusty Cerulean Ridge color palette (#E9F9F7, #94D8EC, #0086AC, #005057, #000F18)
• Hushed Loft color palette (#E0F5FF, #8AD8FF, #4BA4EB, #006269, #00070C)
• Byzantium Chapel color palette (#CAE5F0, #008F9C, #862ECC, #00444C, #020006)
• Lagoon Thicket color palette (#F8E4DB, #009DA4, #005267, #002D1E, #00050C)
• Cerulean Loft color palette (#E7DDE5, #6AC0C5, #0091B3, #00704E, #001527)
• Ultramarine Summit color palette (#D6F7F7, #007679, #0D43D3, #2D4D00, #000202)
• Turquoise Workshop color palette (#E6FAF7, #C5E1F8, #00ABCF, #007275, #002938)

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