Washed Petrol Drift color palette — #F7EDDC · #7BC5C7 · #007486 · #003F32 · #000305

Teal and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
• Mint Leaf (#7BC5C7): A luminous, dusty teal — the color of sea glass.
• Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000305): a grounded near-black with real depth.

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

Use it as a design system

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

• Antique Cobalt color palette (#F8ECDA, #90BDDD, #2166B7, #003C47, #010015)
• Ancient Cerulean Ridge color palette (#FBF4E9, #97D8E8, #0086B1, #00524E, #000E1C)
• Lagoon Terrace color palette (#E5EEE6, #509EA0, #005360, #003126, #001721)
• Patina Turquoise color palette (#FEF4E3, #D4EDFF, #00AAD4, #007369, #00283E)
• Antique Forest color palette (#EFDAD4, #97BB9B, #0090BB, #007238, #001231)
• Weathered Courtyard color palette (#FFF0FD, #D5CAFF, #D685D9, #005D98, #040019)
• Lapis Grove color palette (#DBE5FF, #364DEB, #A70806, #00521F, #00000B)
• Hushed Navy Coast color palette (#D5EBF7, #0085C4, #005296, #140083, #020012)

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