Muted Petrol color palette — #DCFEF2 · #BAE4E6 · #7BB7DC · #2270A0 · #02304C

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DCFEF2): A whisper-light, dusty teal — the color of sea glass.
• Silver (#BAE4E6): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7BB7DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#2270A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#02304C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Muted Petrol Thicket color palette (#FFF0FB, #E7D4D7, #99AFE8, #50639F, #212749)
• Weathered Cypress color palette (#E8FCE6, #BBECDC, #67C0B7, #007E7A, #003734)
• Dusty Powder color palette (#DCFEF4, #D7DDFA, #78C5FD, #568FB1, #1D4336)
• Powder Archive color palette (#E7F4FF, #91D5FF, #4F8DB2, #25506B, #06233A)
• Cobalt Studio color palette (#D6E9FF, #388BDB, #003E79, #281D23, #000715)
• Worn Workshop color palette (#EBF9F3, #EAD4D0, #82C7CF, #AAA398, #3F554E)
• Hazy Chapel color palette (#F1F5FF, #AABFFF, #546BD4, #230A99, #020017)
• Pale Lagoon color palette (#FFF1F5, #E8D7E2, #AA8DD5, #6E459E, #280C3B)

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