Muted Petrol color palette — #FDE9E2 · #62C9D0 · #007196 · #004120 · #00020C

A conversation between Peacock and Aqua, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#FDE9E2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#62C9D0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#007196): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004120): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Ultramarine Thicket color palette (#F9EBE0, #6AC2EF, #3063BD, #003E39, #030011)
• Cobalt Alley color palette (#FFF2EB, #73DDF8, #0080CB, #00533F, #060233)
• Denim Studio color palette (#F4E4EF, #589CA2, #005269, #003123, #001529)
• Timeworn Coast color palette (#CFE4E0, #7CBDC2, #0093A6, #006D68, #00171E)
• Jade Harbor color palette (#8CF9CE, #00B46E, #005E32, #001C0D, #000201)
• Fern Alley color palette (#F2EDDF, #849100, #196703, #003427, #000202)
• Sky Alley color palette (#D6F8C5, #6AEAD9, #59B1F3, #695200, #070B00)
• Tempered Azure color palette (#FFF2EE, #8DFBFD, #01A0CB, #1E6D36, #001E41)

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