Muted Petrol color palette — #FBEAE1 · #86C1D3 · #006BAE · #003F30 · #010014

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

The five colors

• Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
• Sky (#86C1D3): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Bloom color palette (#FFF3E9, #A4D3F0, #4C76CE, #00524D, #10002D)
• Teal Quarry color palette (#EBDBD7, #5AB3AF, #005E74, #012E05, #000104)
• Misty Coast color palette (#F4E6EF, #409DB4, #004D7D, #003124, #0A0641)
• Aged Study color palette (#E6F4E9, #7EBBCC, #008EC2, #006D6B, #001529)
• Muted Mallow color palette (#EFF2FF, #E8B6FF, #D9847C, #006086, #080015)
• Softworn Lapis color palette (#E2E7FB, #4942F1, #4A6200, #374B00, #01000A)
• Nightshade Chapel color palette (#DBECF4, #0085E1, #3928CB, #340060, #060008)
• Softworn Coast color palette (#FBF4EF, #C0E3EF, #6DABE9, #21806A, #272A4F)

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