Petrol Drift color palette — #F5EBF3 · #61C3C9 · #007297 · #00532B · #142D53

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EBF3): bright and airy, almost weightless.
• Aqua (#61C3C9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00532B): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#142D53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Worn Cobalt Studio color palette (#FEF1F9, #91D1DF, #2E7FB4, #176148, #2D385C)
• Petrol Station color palette (#FAE9EF, #8AB7DC, #5462A7, #004F51, #35234E)
• Petrol Grove color palette (#E9EBDB, #9CBDA2, #00788A, #004B48, #001921)
• Antique Basin color palette (#D9EBDB, #00A292, #006F77, #004259, #242054)
• Dusty Turquoise Market color palette (#B5EEFF, #00A5C2, #006376, #002F40, #001B24)
• Timeworn Forest color palette (#DCFCFF, #8CD0FF, #B68FC7, #216D44, #1F384A)
• Washed Ash color palette (#FAF2F8, #D6D6EB, #729FBD, #41797A, #465368)
• Turquoise Parlor color palette (#F6ECE8, #B9DEBF, #00B5E5, #009570, #003053)

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