Muted Petrol color palette — #F6EAF1 · #71C4E0 · #006DA9 · #003E39 · #000016

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

The five colors

• Blush (#F6EAF1): bright and airy, almost weightless.
• Sky (#71C4E0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Washed Petrol color palette (#F6EAF2, #6FC9C2, #007484, #00411E, #000306)
• Ultramarine Chapel color palette (#F9E9EF, #74C0F2, #0059E2, #003D42, #020012)
• Softworn Parlor color palette (#FEF1F6, #9FD3F6, #3275E2, #005155, #0B0131)
• Antique Denim color palette (#FBECE4, #4895AE, #004B84, #002D23, #03001B)
• Gentle Corridor color palette (#DFE2D2, #2FC2EA, #008FBD, #006B77, #001624)
• Weathered Plum Canyon color palette (#D2EBED, #009377, #AA00A2, #004738, #030003)
• Softworn Teal color palette (#C5ECE2, #00A995, #006353, #001D17, #000201)
• Antique Basin color palette (#FCF2F7, #D7D4E0, #5DACF6, #007F7B, #1F2E4A)

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