Muted Petrol Pier color palette — #F4ECF2 · #83BCC6 · #0070A0 · #005235 · #182A5A

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

The five colors

• Blush (#F4ECF2): a clean, paper-quiet neutral.
• Ash (#83BCC6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005235): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#182A5A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Petrol Pier 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

• Worn Field color palette (#FAF3F7, #A5CBE0, #3A7DB7, #00624D, #31365F)
• Dusty Petrol Pier color palette (#EFE8DD, #98BEA2, #007794, #004C44, #001827)
• Misty Balcony color palette (#E9DDE3, #6FA7C4, #2252A7, #003F39, #201248)
• Ancient Spruce Cabin color palette (#F2E7F3, #529E9C, #005267, #00330A, #00142B)
• Hushed Cypress Market color palette (#F9F3F7, #D6DFF0, #7C9DBC, #1D8164, #45526D)
• Nightshade Garden color palette (#F1EFFF, #D6B6D5, #C0954C, #53479F, #432F4A)
• Muted Balcony color palette (#F7ECE7, #85E5F1, #53AFE1, #349265, #182C56)
• Weathered Navy Archive color palette (#F9EBF3, #488AA5, #003A79, #00231D, #090029)

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