Muted Petrol color palette — #F4EBF3 · #76C0C4 · #007296 · #005329 · #102D56
Built around Teal, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#F4EBF3): a clean, paper-quiet neutral.
- Mint Leaf (#76C0C4): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005329): A deep, shadowed, balanced teal — the color of sea glass.
- Navy (#102D56): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Sapphire Corridor color palette (#FBE9F0, #7DBADA, #3365B8, #005049, #2D2553)
- Weathered Petrol color palette (#E9EAE0, #78C1C8, #007989, #004C48, #001921)
- Washed Garden color palette (#E0F3EF, #9CCDDE, #1C96A7, #006D66, #00343F)
- Cornflower Alley color palette (#FFF0F7, #8ADAFD, #357FDC, #00685B, #3B386B)
- Turquoise Corridor color palette (#F8EBE5, #BDDDC2, #00B5E3, #00956E, #003052)
- Antique Ash Alley color palette (#FAF2F8, #D6D6EB, #6EA0BF, #4C7A62, #465368)
- Cerulean Boulevard color palette (#F4E0EC, #008FAB, #003F69, #002319, #05002C)
- Navy Veranda color palette (#F5DDE5, #4C96CF, #323D97, #003030, #1D0038)
Browse the whole catalog at Explore, or see today's palette.