Petrol Drift color palette — #EAF0EC · #CEDBD3 · #A4BFB2 · #00818E · #233227

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

The five colors

• Cream (#EAF0EC): a clean, paper-quiet neutral.
• Silver (#CEDBD3): bright and airy, almost weightless.
• Ash (#A4BFB2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00818E): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#233227): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Lagoon Orchard color palette (#F0F7F0, #CDE1E2, #D9C2C6, #00878A, #182119)
• Tempered Petrol color palette (#E3EDE8, #B4CAC2, #89A8CB, #006A8E, #15231D)
• Worn Terrace color palette (#E4F1F6, #CBD3E3, #B3B7CC, #00A5B2, #1D3138)
• Hushed Cobalt color palette (#F3ECF3, #DFD3DD, #CEABC2, #3772BE, #352936)
• Wandering Pine color palette (#E6E6D7, #7EB579, #198748, #22624F, #292C04)
• Wandering Cerulean color palette (#EFF7F4, #E1D3D2, #AC9E92, #6595B9, #3E4B47)
• Petrol Balcony color palette (#D2E8DF, #007BAA, #02355A, #001C13, #010603)
• Sunlit Aubergine color palette (#DAE2C8, #00A1CB, #006DB2, #652876, #00283A)

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