Muted Petrol Pier color palette — #F5EEE4 · #5DB0BC · #00718D · #004B42 · #001624
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EEE4): a clean, paper-quiet neutral.
- Cyan (#5DB0BC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Patina Drift color palette (#EAE4DC, #7FBBD2, #007DB6, #00595C, #001F42)
- Weathered Petrol Lantern color palette (#DFF3F0, #71C6D2, #007488, #003E3D, #000305)
- Worn Onyx Balcony color palette (#FAECE6, #3C9FAA, #005070, #00321C, #000D3C)
- Denim Dune color palette (#E7DFD2, #589AC7, #0056A9, #003A45, #030327)
- Weathered Cerulean color palette (#F3EEE5, #92D1D6, #0096B1, #006E5D, #003347)
- Misty Lantern color palette (#FDF4E6, #99ECE8, #00B0BF, #008662, #004759)
- Antique Mulberry color palette (#E5DFC3, #766600, #00667A, #81006B, #0A0700)
- Patina Periwinkle Boulevard color palette (#F8F5EF, #C4F0DF, #6CA9E8, #12899A, #573E54)
Browse the whole catalog at Explore, or see today's palette.