Muted Petrol color palette — #E7F3EF · #B39EA2 · #A7827F · #0069A0 · #000D08

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

The five colors

• Cream (#E7F3EF): a clean, paper-quiet neutral.
• Taupe (#B39EA2): A luminous, dusty red — the color of late-summer berries.
• Caramel (#A7827F): A luminous, dusty orange — the color of toasted spice.
• Peacock (#0069A0): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000D08): 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

• Petrol Drift color palette (#D8E2DB, #8EA6A8, #AB8DA5, #00707E, #000D04)
• Lapis Balcony color palette (#E3DCE0, #B49B95, #A8826C, #634FB1, #10060B)
• Timeworn Onyx Chapel color palette (#E6EFF7, #858E9B, #626A83, #002C4B, #000104)
• Navy Lagoon color palette (#DFE6EE, #9BA6B5, #7A84AB, #00467E, #010A17)
• Softworn Balcony color palette (#F8EEE3, #978941, #526D00, #3A4472, #080600)
• Muted Indigo color palette (#F0E3EA, #D3BAB4, #C79985, #796EDA, #2B1824)
• Plum Lantern color palette (#D8E7F1, #7880BF, #964B90, #395329, #081800)
• Hushed Dune color palette (#EDEADC, #0084B7, #6817D2, #3B3E00, #00030E)

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