Muted Petrol color palette — #FFF0F8 · #49AB96 · #0072A0 · #7A380C · #24424B
A conversation between Peacock and Bronze, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Turquoise (#49AB96): A luminous, balanced teal — the color of sea glass.
- Peacock (#0072A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#7A380C): A full-bodied, balanced orange — the color of autumn markets.
- Deep Teal (#24424B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Balance. Tagged retro, 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
- Softworn Quarry color palette (#E7FCE8, #1FAABD, #4C65AC, #674700, #264052)
- Antique Balcony color palette (#FFF0F8, #7CA65F, #007A77, #713855, #244343)
- Turquoise Harbor color palette (#F1F5DC, #00B1BA, #007794, #493E6A, #102919)
- Frosted Balcony color palette (#E8F9FB, #2C9D86, #784D98, #634000, #383400)
- Misty Navy Archive color palette (#FFDEBA, #008E94, #004DA7, #503000, #002E3B)
- Antique Thicket color palette (#DFFCFD, #94B7C3, #6C84A2, #7B5261, #3F594D)
- Wandering Olive color palette (#EDF9EE, #B0B485, #528241, #386169, #2D493E)
- Hushed Drift color palette (#FBF2F5, #C1E0FD, #6D88C9, #006F7B, #3F4663)
Browse the whole catalog at Explore, or see today's palette.