Petrol Drift color palette — #E4F7F3 · #72CCD3 · #008090 · #00524D · #001E26
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E4F7F3): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#72CCD3): A luminous, balanced blue — the color of open sky before noon.
- Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Washed Meadow color palette (#FFF2EC, #83C5CA, #007999, #005840, #00355A)
- Timeworn Petrol color palette (#D9EEED, #94B7D9, #3B6CAB, #004763, #02103D)
- Hushed Cobalt Dune color palette (#E6F6F4, #A5D7F6, #3189C7, #005F75, #00254A)
- Dusty Abyss Archive color palette (#D9EBE9, #448298, #00415B, #001E24, #000103)
- Aged Chapel color palette (#D5E3E0, #61A9B4, #006375, #003939, #000D13)
- Sunlit Station color palette (#FDF1FA, #BEFBFF, #00AAD3, #007654, #002742)
- Moss Market color palette (#D9F7E4, #9B9009, #6C5A00, #463300, #121400)
- Pale Scarlet color palette (#FFEAE6, #D40F01, #766300, #840090, #240000)
Browse the whole catalog at Explore, or see today's palette.