Petrol Drift color palette — #D3F6EC · #00BEC9 · #0094C0 · #096EB3 · #29295F
Royal Blue and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D3F6EC): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00BEC9): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0094C0): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#096EB3): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#29295F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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 Turquoise Canyon color palette (#D8E9E9, #00B2C9, #0083AA, #005179, #00335D)
- Faded Azure Canyon color palette (#D8F0EE, #00CEE3, #0BA6F7, #5C78BB, #3E3660)
- Cobalt Summit color palette (#C1E8E8, #00A6D7, #0078DE, #3949A9, #290E48)
- Cornflower Orchard color palette (#C4F2F9, #1EBBFC, #4A89FF, #6459AE, #381E51)
- Lagoon Terrace color palette (#DBEEEC, #00949C, #00637C, #003C61, #000C39)
- Gentle Lagoon color palette (#E5F0DC, #00CA7A, #00A68B, #007783, #003342)
- Worn Hollow color palette (#C9E7FF, #82C6FF, #1D95F4, #0967A9, #001529)
- Amber Ridge color palette (#C0E9D7, #6CD0FF, #D86B00, #008EBE, #431D00)
Browse the whole catalog at Explore, or see today's palette.