Muted Petrol color palette — #E5F1F1 · #84B8DB · #106CAC · #004C62 · #092E57

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E5F1F1): a clean, paper-quiet neutral.
• Sky (#84B8DB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#106CAC): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#092E57): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Worn Sapphire Veranda color palette (#EFE6EA, #9AB7CF, #3068BE, #004B4F, #120B3D)
• Worn Cobalt Corridor color palette (#ECF8F8, #A9C9E9, #5079B2, #005A7F, #2B3A5B)
• Cypress Station color palette (#E1F3EF, #7EBFBE, #00767F, #005147, #00343D)
• Periwinkle Workshop color palette (#ECF1E3, #A5DBFF, #43ABFF, #008BB0, #122E51)
• Cerulean Villa color palette (#DEF0EE, #499BB5, #00516C, #002F35, #001624)
• Patina Petrol Boulevard color palette (#EEF7F7, #D8DBEC, #829CB8, #4E748C, #465467)
• Sunlit Mulberry color palette (#FEE1FF, #F7AB9E, #C78365, #873D58, #452A42)
• Aged Loft color palette (#F8E1E3, #C0214C, #7D5600, #622E8C, #3A0C16)

Browse the whole catalog at Explore, or see today's palette.