Muted Petrol color palette — #E4F3E7 · #5FC6E5 · #00709C · #003E3E · #000309
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#5FC6E5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000309): 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 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 Chapel color palette (#E3F3E6, #8EBCE8, #225BD8, #003B4C, #020013)
- Teal Basin color palette (#D8E6DA, #62B2AF, #00606B, #002D20, #000102)
- Feathered Cobalt color palette (#EEF8F0, #94D5FD, #1E7CD4, #00505C, #02062E)
- Hushed Cornflower color palette (#FCE7F4, #59BFDE, #0086E3, #006F5A, #0E0B37)
- Dusty Azure color palette (#EEF8F0, #B7F1FF, #009FD2, #006A66, #002038)
- Timeworn Mulberry Orchard color palette (#E1E3C8, #6A6C00, #006182, #7A004D, #010100)
- Softworn Workshop color palette (#EFF8F1, #CFD9EF, #00C2E8, #008A77, #003A53)
- Aged Moss Summit color palette (#CDEFDC, #818E37, #574E00, #2D1F00, #010200)
Browse the whole catalog at Explore, or see today's palette.