Muted Petrol color palette — #E1F3EF · #7AC6C8 · #007580 · #003E38 · #000304

Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.

The five colors

• Cream (#E1F3EF): a clean, paper-quiet neutral.
• Mint Leaf (#7AC6C8): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

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 Summit color palette (#DCF4F3, #8EBDE0, #006AB4, #003B4E, #00020C)
• Softworn Dune color palette (#E8FAF7, #A9D3E7, #0087A9, #005155, #000F18)
• Lagoon Corridor color palette (#F9E1D5, #399A9E, #005265, #002D1D, #00050C)
• Timeworn Cerulean color palette (#ECDEE7, #6DC0C3, #0091B1, #00704D, #001626)
• Washed Pier color palette (#EAF9F6, #C5E3FA, #00ABCD, #007273, #002937)
• Patina Orchid color palette (#EEEDFB, #A854C1, #00728E, #5E0074, #000102)
• Chalky Garden color palette (#EDD6ED, #96399B, #A41700, #003B92, #030004)
• Wandering Thicket color palette (#F9DCED, #BC7042, #832E00, #440500, #030100)

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