Petrol Drift color palette — #FAEBE6 · #9ABBA0 · #00719C · #005330 · #122B5C
A conversation between Peacock and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAEBE6): bright and airy, almost weightless.
- Sage (#9ABBA0): A luminous, dusty teal — the color of glacier melt.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005330): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#122B5C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.
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
- Antique Cobalt Veranda color palette (#FCF3EE, #B2CDBB, #407EAC, #006247, #2E385D)
- Petrol Chapel color palette (#E2ECE4, #7DC1C6, #00788E, #004C40, #001925)
- Patina Basin color palette (#F7ECE2, #8EB7D7, #4B5FBA, #004F50, #352053)
- Tempered Balcony color palette (#E6DDD7, #71A7BD, #0857A2, #003F35, #1C0E53)
- Jade Orchard color palette (#B7F3D4, #50A66E, #006143, #003320, #001C11)
- Ancient Navy color palette (#F7E6DC, #478B9F, #003F6B, #00231A, #05002C)
- Dusty Canyon color palette (#F6EDE4, #7193B2, #3432AB, #002F31, #1E0037)
- Airy Atelier color palette (#DBE1CB, #3E9358, #9244A3, #005928, #3E1148)
Browse the whole catalog at Explore, or see today's palette.