Muted Petrol color palette — #F7EBE7 · #86C3C8 · #007098 · #004123 · #00020D

Peacock takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7EBE7): a clean, paper-quiet neutral.
• Ash (#86C3C8): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007098): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004123): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#00020D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Washed Ultramarine Parlor color palette (#FAEBDF, #82BFE5, #3860C1, #003E3B, #030010)
• Pale Cobalt Ridge color palette (#FEF3EC, #AED7BF, #007ED0, #005341, #080034)
• Gentle Brick color palette (#D2E4D8, #008DA4, #C10135, #004450, #040000)
• Hushed Cerulean Terrace color palette (#F2E2F0, #20A2AA, #00516D, #003217, #001133)
• Aged Turquoise color palette (#BDEEFF, #00ACCF, #00566C, #001820, #000102)
• Cerulean Station color palette (#D7E5D9, #67C0C8, #0092AE, #006F5E, #001622)
• Ancient Lagoon Workshop color palette (#DCF4DC, #00A07F, #006060, #002B3A, #000307)
• Hushed Wisteria Courtyard color palette (#DCFBE3, #A7D2FF, #B480ED, #006B2E, #000B15)

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