Muted Petrol color palette — #F1E5ED · #81C0C7 · #007698 · #004D3A · #00172D

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

The five colors

• Blush (#F1E5ED): a clean, paper-quiet neutral.
• Ash (#81C0C7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Chapel color palette (#E3F2EF, #75BFC7, #007586, #00504D, #003441)
• Timeworn Parlor color palette (#F9EEF6, #AECDDC, #3284B4, #005D51, #0D203E)
• Washed Orchard color palette (#F3E5E9, #9CB6D0, #4864BB, #004A54, #170B37)
• Denim Orchard color palette (#F2E9EE, #6AA6BE, #005B98, #003A37, #030032)
• Lilac Orchard color palette (#E0F6FF, #A3CAEA, #978FDE, #006753, #001F31)
• Hushed Navy Ridge color palette (#E9D9E3, #4A8194, #003F64, #00201C, #00000D)
• Azure Summit color palette (#B1EBFF, #28A1C5, #00627B, #002C39, #000609)
• Weathered Lagoon color palette (#D6F1E2, #009083, #006062, #003642, #001A29)

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