Muted Petrol Pier color palette — #F6E9E3 · #61AFB4 · #0081A0 · #006044 · #000A16

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6E9E3): a clean, paper-quiet neutral.
• Cyan (#61AFB4): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Cobalt Ridge color palette (#E9DCD2, #79A7C2, #3B75C0, #005D5F, #06002B)
• Tempered Bloom color palette (#D7E3E1, #5C9FA4, #006470, #003C38, #000B10)
• Lagoon Veranda color palette (#EFE3EC, #1F888D, #004354, #002014, #000104)
• Iris Bloom color palette (#F1E9E1, #9CC5E8, #6C8EE5, #007B89, #201248)
• Cobalt Pier color palette (#F2E3C8, #997A00, #0071CF, #675100, #000613)
• Hazy Balcony color palette (#F9EBE3, #B3DFC8, #5FABEA, #009289, #172860)
• Hushed Terracotta Villa color palette (#FDEACC, #A3B36A, #3CAC8A, #9D4700, #0D0D00)
• Misty Station color palette (#F1E7C8, #797200, #006CA6, #6400D9, #020200)

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