Muted Petrol Terrace color palette — #F4F6EF · #CAE2E5 · #7B9DBF · #17799B · #604A5F

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#CAE2E5): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7B9DBF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#17799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#604A5F): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Petrol Terrace 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

• Cypress Terrace color palette (#F5F6EF, #C8E5E0, #62A4B7, #197E7F, #325244)
• Patina Powder color palette (#FAF3F5, #DADEED, #95B1E7, #4E939A, #4B5267)
• Wandering Denim Cabin color palette (#E7EADE, #71A6C7, #005B93, #003B4C, #001F42)
• Petrol Study color palette (#EEF0E4, #9ABAA6, #007390, #004F53, #003347)
• Dusty Plum color palette (#FFF2EF, #D79EAA, #7E97D3, #B34968, #3C4C71)
• Washed Lagoon Loft color palette (#E1E2D6, #509EA0, #00545C, #00302B, #00171D)
• Indigo Studio color palette (#FFF2EF, #C48195, #AD7F4E, #7B67B4, #553B37)
• Washed Cocoa color palette (#FFF2EE, #E0D9CE, #AEBECB, #AD7781, #7D4021)

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