Wandering Petrol Drift color palette — #F7ECE7 · #94BDA0 · #0070A2 · #005237 · #202C4D

Peacock and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Sage (#94BDA0): A luminous, dusty teal — the color of glacier melt.
• Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005237): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#202C4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Wandering 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

• Sapphire Atelier color palette (#F7EDE3, #84B9D9, #3760C6, #00504C, #302451)
• Dusty Cobalt color palette (#FAF4EF, #A6D1B9, #277BC7, #00624F, #4C3043)
• Timeworn Petrol color palette (#E0EDE2, #62C4D5, #007697, #004C46, #001829)
• Cerulean Ridge color palette (#F6EDDF, #81D3E3, #0094BC, #006D65, #04314C)
• Lagoon Loft color palette (#E9DDD9, #43A09E, #005266, #003308, #00142A)
• Weathered Blush Study color palette (#FBE4F8, #D8ADEF, #E17987, #006F83, #4C2C3F)
• Lagoon Studio color palette (#F7EAF4, #9AE0EE, #5BAFDA, #00937A, #032D5A)
• Softworn Sapphire Market color palette (#FDE8FC, #1160E0, #4D6A00, #005632, #0B1E3F)

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