Muted Petrol color palette — #F3E5EF · #6FC0CA · #0080A6 · #005B45 · #00203D
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E5EF): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#6FC0CA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Softworn Cobalt Chapel color palette (#FCE9F0, #70BBE8, #3472CE, #00585D, #191844)
- Muted Cerulean Archive color palette (#FDF4E5, #96D9E1, #0088A6, #005248, #000E19)
- Onyx Studio color palette (#F8E9F6, #6AABB3, #005F85, #004026, #041950)
- Cornflower Lantern color palette (#FFF1F6, #92D3FF, #3F87FF, #007178, #2D2964)
- Airy Archive color palette (#FDEBE4, #A4CBAE, #009DDC, #008153, #051850)
- Weathered Orchard color palette (#FAF2F7, #C5EBFF, #68ADD9, #44897C, #39495E)
- Scarlet Archive color palette (#EEDEDA, #D71A00, #007781, #006082, #270402)
- Aged Boulevard color palette (#FFE8F9, #EC3A19, #00848F, #991900, #001F23)
Browse the whole catalog at Explore, or see today's palette.