Muted Petrol color palette — #EDF4F0 · #DFD4D6 · #C8B0B7 · #006E95 · #14241E

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#DFD4D6): a clean, paper-quiet neutral.
• Rosewood Mist (#C8B0B7): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#006E95): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#14241E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Lapis color palette (#F6F0F4, #E0D3D0, #CCAFAC, #5658B2, #291C24)
• Ancient Harbor color palette (#F0F6FB, #D9D9E2, #BFABA7, #1D94D0, #273037)
• Wandering Denim color palette (#D9E3E0, #BBAFB6, #A5838B, #004870, #000E0A)
• Softworn Field color palette (#E0ECD9, #87AC9A, #82719F, #205940, #20290F)
• Denim Station color palette (#EDEAD3, #009E9E, #445599, #333E00, #001B25)
• Weathered Fern color palette (#FBEFE8, #B89B6D, #656A28, #4E3D65, #291800)
• Velvet Ultramarine color palette (#F6E7F4, #3860B5, #381A25, #180416, #000301)
• Tempered Delta color palette (#EFE7E8, #D9C7C4, #B89D8F, #763387, #230F14)

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