Muted Petrol Drift color palette — #FCF3EC · #F3C098 · #71A986 · #416DA2 · #52293C

Slate takes the lead with Cantaloupe close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Cantaloupe (#F3C098): A whisper-light, dusty gold — the color of old brass.
• Jade (#71A986): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#416DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#52293C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Timeworn Teal color palette (#FEF2F1, #FBACCB, #66BE92, #9877AF, #593642)
• Ancient Cypress Study color palette (#FDF2F0, #FAB7BF, #AB9955, #0F7C6C, #25375D)
• Dusty Lagoon color palette (#FFF3E8, #DCDECC, #C5C2A4, #639282, #61495A)
• Timeworn Aubergine color palette (#F7F6E8, #ACC680, #009AB3, #6C449A, #4F1309)
• Marigold Canyon color palette (#FFF3E3, #E0A200, #009569, #00548B, #3C003B)
• Weathered Basin color palette (#FFF3E4, #F6E3AF, #BAAF5E, #79842C, #4F4F48)
• Dusty Amber color palette (#FFF1F6, #C68855, #4D7E51, #235A75, #433E59)
• Hushed Clover color palette (#F3F9DB, #00B943, #0073A4, #69006E, #210C00)

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