Muted Petrol color palette — #ECF4EF · #CCD9DA · #C0B2BF · #007088 · #18241D

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CCD9DA): a clean, paper-quiet neutral.
• Ash (#C0B2BF): A luminous, dusty pink — the color of a candy shop window.
• Teal (#007088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#18241D): 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

• Wandering Summit color palette (#EFF6FA, #D7D8E4, #ADB3C6, #007081, #2B3E46)
• Patina Orchard color palette (#F9EEF7, #E0CDD8, #C59FAD, #3157A5, #221521)
• Muted Cerulean color palette (#F0F7F2, #CFE0E3, #D0C7BA, #2D99AB, #27312A)
• Dusty Cypress color palette (#F3F3E2, #82AC8B, #2D735D, #055155, #1A1F00)
• Worn Studio color palette (#DAE4E0, #A2B9B3, #9C8597, #004A64, #000F08)
• Petrol Garden color palette (#D0EEE5, #0068AB, #331C2E, #00100C, #000301)
• Worn Cocoa Dune color palette (#CFE7DD, #8DA1C7, #8E6475, #6B3A00, #3A2B00)
• Denim Field color palette (#F8E7CC, #0098C1, #3A56A0, #661C06, #001A2C)

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