Washed Petrol Drift color palette — #F1F3EC · #C9DEDE · #77A897 · #257688 · #1C3D35

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C9DEDE): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#77A897): A luminous, dusty teal — the color of sea glass.
• Teal (#257688): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#1C3D35): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Dune color palette (#E9EADE, #9DBDA2, #007989, #004C48, #001A21)
• Petrol Dune color palette (#F1F3EC, #C6E0E2, #7CA0C5, #187596, #412F41)
• Denim Parlor color palette (#E1E3D9, #68A6BF, #006085, #003841, #000C18)
• Hushed Lagoon Field color palette (#F3F3E6, #9BDEDA, #00959A, #006454, #002B30)
• Timeworn Villa color palette (#E3E7D8, #557D9B, #003D6C, #001E29, #000106)
• Muted Teal Boulevard color palette (#FAF4F0, #C6DDE8, #BDBEED, #2FA5A5, #5C4556)
• Basalt Bloom color palette (#FDEFE2, #DBDCC2, #A8C4AC, #A97B5F, #553600)
• Plum Station color palette (#FEEFE2, #BE9173, #84974D, #A75C82, #362212)

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