Muted Petrol Pier color palette — #F5EAF3 · #82C3CE · #006FA0 · #004029 · #000016

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

The five colors

• Blush (#F5EAF3): a clean, paper-quiet neutral.
• Ash (#82C3CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006FA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004029): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Pale Canyon color palette (#FAE9EF, #87BEE7, #3F56D6, #003E3D, #04000E)
• Dusty Cobalt Corridor color palette (#FDF1F7, #A8D2EC, #2D7BD2, #005346, #0B0032)
• Dusty Parlor color palette (#EBDCD5, #00A1B4, #004F74, #00321F, #040E38)
• Cerulean Harbor color palette (#F4E9D9, #5CC1D1, #0091B5, #006E64, #001625)
• Weathered Studio color palette (#FBDFC5, #935600, #006664, #004D4E, #020100)
• Soft Rust Veranda color palette (#F5E4F0, #C8553D, #007485, #701300, #000102)
• Hushed Cypress Workshop color palette (#FAF2F8, #D6D4E1, #73ACDE, #008265, #242A52)
• Quiet Azure color palette (#FAF3F9, #B2F3FA, #149ED5, #006E41, #01184E)

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