Muted Petrol color palette — #F1F7F2 · #D8DDEF · #779DC2 · #277B87 · #475365

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D8DDEF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#779DC2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#277B87): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#475365): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Cypress Loft color palette (#F8EFF3, #D8D1E5, #879DC3, #3B7770, #303548)
• Powder Pier color palette (#E2FAFF, #D3DDE9, #A1D6FF, #608F90, #3D5055)
• Hushed Petrol color palette (#E7F2E9, #77BFC8, #00748E, #005147, #00324A)
• Antique Blush color palette (#EBF8F9, #7AC0AF, #CB7CA2, #008671, #54475E)
• Cerulean Villa color palette (#F0F8F1, #88E0DF, #008FA1, #006951, #00475B)
• Dusty Lagoon Chapel color palette (#E6F3E8, #44A09B, #00545B, #003121, #00171E)
• Timeworn Driftwood color palette (#EAFAF1, #A0C0B5, #878348, #43674D, #394C48)
• Navy Archive color palette (#E9F2EB, #5586AD, #003683, #00212A, #040229)

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