Muted Petrol color palette — #EBF4F0 · #CAD9DB · #CAB8CB · #00759B · #182922

A conversation between Teal and Stone, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#CAD9DB): bright and airy, almost weightless.
• Stone (#CAB8CB): A luminous, dusty pink — the color of a candy shop window.
• Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#182922): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Cobalt color palette (#F6F0F4, #E0D4D5, #C9B8B7, #6470AC, #342831)
• Antique Cypress Veranda color palette (#EFF3EE, #CCDAD5, #ACC7B1, #007C70, #1E281B)
• Petrol Workshop color palette (#EFF6FB, #D7D9EC, #AFBCDB, #007692, #354249)
• Hushed Denim color palette (#E4EBE8, #D2C7D3, #B19CAE, #005B89, #041B14)
• Timeworn Azure Lagoon color palette (#EFF8F3, #E4D3D1, #C1C0AF, #00A1C8, #233B2F)
• Lowlit Sapphire Study color palette (#EAD7EB, #0067D2, #1D274A, #000F29, #000503)
• Cypress Terrace color palette (#EFF5E1, #67BB9A, #007D69, #005857, #00281B)
• Cocoa Alley color palette (#E6E2FF, #BBA4D2, #967094, #7E4138, #4E2000)

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