Muted Petrol color palette — #EDF1DC · #82C2D3 · #00728F · #003D41 · #000306

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

The five colors

• Cream (#EDF1DC): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#82C2D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00728F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000306): 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

• Antique Ultramarine color palette (#EBF1E0, #90BBE4, #0564C6, #003A53, #000014)
• Antique Harbor color palette (#F3F8E6, #9DD4F2, #0082C1, #004F60, #000D1E)
• Aged Lantern color palette (#DAF2FF, #9ED0FF, #7AA2F4, #006176, #00060E)
• Soft Grape Lagoon color palette (#DFF3FE, #007196, #6C09CE, #005037, #000103)
• Cerulean Ridge color palette (#CAECEC, #0095A1, #005661, #00262F, #000305)
• Olive Ridge color palette (#D4F7E1, #008DA5, #607000, #004450, #010100)
• Hushed Garden color palette (#F0E2DC, #7ABCCC, #008DC7, #006E5F, #001133)
• Hushed Turquoise Grove color palette (#F4F6EC, #BBE2F1, #60B1D6, #007D8A, #00324B)

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