Muted Petrol color palette — #FBEAE2 · #74C4D7 · #006DA8 · #00402E · #010015

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#FBEAE2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sky (#74C4D7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006DA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Timeworn Quarry color palette (#FFF3E9, #A3D4ED, #4478CE, #00524A, #0E002F)
• Tempered Boulevard color palette (#F7EBDF, #77A7D4, #434C97, #002B2D, #020006)
• Weathered Corridor color palette (#FAEBF5, #459DB0, #004E7A, #003122, #080C38)
• Washed Cerulean Station color palette (#E4F2E7, #6DBED1, #008FBD, #006D69, #001527)
• Plum Study color palette (#FFE1F0, #B50080, #00694B, #005039, #040002)
• Softworn Terrace color palette (#FBF3EF, #C0E3F0, #79ABDA, #2B7F67, #242A52)
• Gentle Nightshade Workshop color palette (#FFE8E9, #FFB1BA, #CA973B, #594EA0, #120004)
• Peony Grove color palette (#FAE6E5, #D84FA6, #00763B, #600044, #000200)

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