Muted Petrol Drift color palette — #F8ECE6 · #71C1C2 · #00748C · #005334 · #00314D

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Mint Leaf (#71C1C2): A luminous, dusty teal — the color of glacier melt.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Muted Petrol Drift 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

• Worn Petrol Drift color palette (#F5EDE5, #75BAE6, #4067A8, #004F54, #29294F)
• Muted Forest Station color palette (#F7E5DF, #9EBD9F, #007695, #004F1C, #001631)
• Tempered Cerulean Field color palette (#FFF2ED, #ABD0B4, #2383A8, #00624D, #1F3C5B)
• Turquoise Quarry color palette (#E8F1EA, #B1DBE8, #25B7CF, #009476, #003344)
• Muted Olive Meadow color palette (#FCF3EF, #C7EDE5, #6CA2B7, #5F7939, #38504A)
• Faded Mint color palette (#F3F5D7, #46DAB4, #4AA9CD, #676522, #33352E)
• Aged Cerulean color palette (#EBDFD9, #0090A6, #00425E, #00231C, #00081D)
• Softworn Cerulean color palette (#FBF4EE, #B3E5FD, #5F8EC0, #08716F, #583E51)

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