Muted Petrol Pier color palette — #E4F3E7 · #90BED6 · #00709B · #003E3D · #000308
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#90BED6): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00709B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
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 Denim color palette (#DFEDE2, #66B1AE, #00606A, #002D1F, #000102)
- Aged Cobalt color palette (#EDF9EF, #A5D3EF, #007CD9, #00505B, #010039)
- Tempered Pier color palette (#F0E6D7, #459CB4, #005070, #00302F, #00152A)
- Washed Archive color palette (#EFF8F0, #CDE1FF, #159FCF, #006A65, #002038)
- Timeworn Plum color palette (#FADFEA, #AD2875, #5C5C00, #004963, #040002)
- Tempered Cobalt color palette (#E9DCE4, #66BED5, #0089D8, #007055, #0A083E)
- Timeworn Turquoise Pier color palette (#EFF8F1, #D6D6E5, #31C1E2, #008A76, #003A52)
- Gentle Raspberry color palette (#F2E8FF, #C04B99, #007A5A, #6C0050, #000201)
Browse the whole catalog at Explore, or see today's palette.