Muted Petrol color palette — #F5EDE1 · #89C1CD · #007193 · #003E3A · #000307
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Ash (#89C1CD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#007193): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000307): 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
- Misty Atelier color palette (#F6EDDE, #8CBDE1, #0465C3, #003C47, #010015)
- Hushed Cobalt color palette (#FDF4E6, #A9D8C2, #1580C4, #005057, #000A26)
- Worn Cerulean color palette (#DDEDE0, #00A1B7, #00516A, #00302D, #001626)
- Cobalt Archive color palette (#E9DDD7, #71BECC, #008CCC, #00704E, #050A3E)
- Plum Studio color palette (#FDE0F0, #A92982, #625A00, #004A5E, #040002)
- Weathered Harbor color palette (#F9F4ED, #BDE5F3, #6AB0D5, #007F7D, #023054)
- Feathered Raspberry Boulevard color palette (#FCD4D7, #B653A1, #007A52, #69005A, #000201)
- Timeworn Cocoa Summit color palette (#F2E1D6, #AE784C, #813000, #460004, #020100)
Browse the whole catalog at Explore, or see today's palette.