Muted Petrol Pier color palette — #EEF0E0 · #81C3D1 · #00738D · #003D40 · #000305

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

The five colors

• Cream (#EEF0E0): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#81C3D1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000305): a grounded near-black with real depth.

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

• Hazy Sapphire Harbor color palette (#ECF0E4, #89BCEA, #0065C2, #003A51, #000111)
• Worn Cobalt Alley color palette (#F3F7E8, #A1D4EE, #0083BE, #004F5F, #000D1D)
• Tempered Lagoon color palette (#F8EAF4, #229AAE, #005070, #002D24, #000411)
• Soft Lagoon color palette (#F8E8E1, #7EBBCA, #008DC6, #006F5E, #001232)
• Ancient Atelier color palette (#CCF0E0, #007A58, #006083, #4D4300, #000201)
• Turquoise Lagoon color palette (#D9FFF1, #6EEADB, #00B3BD, #006942, #000A07)
• Worn Garden color palette (#F5F6EF, #BBE2EF, #61B2D4, #007D89, #013829)
• Emerald Workshop color palette (#E3ECCC, #00974F, #9B5000, #004923, #030100)

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