Muted Petrol color palette — #E5F7EB · #BEDCCC · #8FB5A6 · #006776 · #091F12

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

The five colors

• Cream (#E5F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Oat (#BEDCCC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8FB5A6): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006776): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#091F12): 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

• Dusty Thicket color palette (#E8F8FF, #BED7E7, #91A9C3, #006672, #21363F)
• Hushed Petrol color palette (#F8EFF6, #E5D0D2, #C4B1BA, #54638C, #251E24)
• Lagoon Garden color palette (#ECFAED, #C7E6DB, #D0B4C6, #008890, #213926)
• Tempered Onyx Dune color palette (#D2E3DC, #7D938C, #7A627A, #002E43, #000201)
• Emerald Balcony color palette (#E6E7CB, #2FB14A, #006D3F, #004A3B, #001D04)
• Worn Navy Cabin color palette (#EDE2E8, #C2ACB7, #A4838F, #3B3C73, #13060F)
• Cobalt Corridor color palette (#E3F5FF, #00CDE4, #00A4D3, #0072C6, #001624)
• Denim Garden color palette (#D3E6DF, #00628F, #33333B, #001E3E, #000B06)

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