Muted Petrol Pier color palette — #F6EAF2 · #7AC6C5 · #007389 · #004026 · #000306

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#F6EAF2): a clean, paper-quiet neutral.
• Mint Leaf (#7AC6C5): A luminous, dusty teal — the color of sea glass.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, 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

• Ultramarine Field color palette (#F8E9EF, #8ABDE5, #3D62B7, #003D43, #030011)
• Muted Cobalt color palette (#FFF0FB, #98D8E5, #0084B6, #005344, #000C22)
• Tempered Cerulean color palette (#E1E1D3, #6BC1C0, #00949F, #006E62, #00181C)
• Patina Veranda color palette (#E4F4F0, #3F9A9A, #00545A, #002C26, #000507)
• Softworn Lilac color palette (#D3FFFF, #9FD8FF, #9894EC, #007054, #00080B)
• Linen Basin color palette (#DBF4F4, #009091, #BE181C, #004546, #050000)
• Sunlit Azure Drift color palette (#FFF0FB, #C6F9FF, #00A9D9, #00755A, #002646)
• Powdered Bloom color palette (#CEF4F9, #00757F, #A7002C, #800900, #000102)

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