Petrol Drift color palette — #ECF0DE · #5CADC7 · #007FA8 · #005C65 · #000B14
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF0DE): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#5CADC7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
- Ink (#000B14): 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
- Cobalt Meadow color palette (#E0E4D5, #75BBD9, #008DC6, #006A7C, #001527)
- Muted Parlor color palette (#CBEEDA, #008CAA, #617D00, #005E73, #040700)
- Denim Courtyard color palette (#F0DDD2, #659CAD, #005E8E, #003C36, #00032A)
- Patina Drift color palette (#DAEEFB, #0094DE, #006FA6, #003D5C, #000205)
- Antique Cerulean Balcony color palette (#DDEEEC, #30849D, #004259, #001F23, #000103)
- Airy Thicket color palette (#DEF4FF, #007A9F, #7048BF, #006947, #000204)
- Aged Cerulean Summit color palette (#ECF0E4, #ADD9FC, #6EA9E8, #008AB6, #142D55)
- Hushed Delta color palette (#F6F6EB, #CEE9CD, #47C6D0, #2CA08E, #1F432C)
Browse the whole catalog at Explore, or see today's palette.