Petrol Drift color palette — #E4F2EF · #73C5D4 · #00738A · #003E3E · #000305
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2EF): a clean, paper-quiet neutral.
- Sky (#73C5D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000305): a grounded near-black with real depth.
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 Cobalt Thicket color palette (#E8F9F8, #9BD6EF, #0084B7, #00505C, #000E1B)
- Tempered Lantern color palette (#D5E5E4, #85A6C4, #00569A, #002938, #000106)
- Antique Cerulean color palette (#FDECE4, #159BAC, #00506D, #002D23, #00040F)
- Cerulean Canyon color palette (#F0E6ED, #58C1D1, #008FBE, #006F59, #00142D)
- Azure Field color palette (#E5FAF7, #CBDEF4, #00A9DA, #00717B, #00283C)
- Tempered Courtyard color palette (#E5E0EE, #BA4DA5, #8C5C00, #69005A, #020100)
- Timeworn Cocoa Pier color palette (#ECDDE5, #BA7143, #823000, #430700, #030100)
- Misty Mulberry Market color palette (#EEE1F5, #B559CB, #8D0094, #420039, #040002)
Browse the whole catalog at Explore, or see today's palette.