Petrol Drift color palette — #ECF8F7 · #D9DDE8 · #72ADDC · #007B98 · #122F4F
Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Silver (#D9DDE8): a clean, paper-quiet neutral.
- Cornflower (#72ADDC): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007B98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#122F4F): 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
- Muted Cypress Ridge color palette (#ECF8F5, #D2E0ED, #51B8BF, #008170, #00353D)
- Hushed Studio color palette (#DBF5F0, #6DC6D4, #007389, #003E3E, #000305)
- Denim Bloom color palette (#DCEEED, #70A9D3, #005698, #002938, #000106)
- Timeworn Powder Thicket color palette (#FBF2F6, #C9E4F9, #81B4F9, #009FA3, #323562)
- Cerulean Courtyard color palette (#E6F9FF, #55CDFA, #0094C8, #006191, #01365B)
- Periwinkle Loft color palette (#EEF6FF, #51ABFF, #B47BCD, #009284, #031C34)
- Cobalt Villa color palette (#EDF7FF, #78C8FF, #D589BF, #007EBA, #401535)
- Turquoise Quarry color palette (#EEF6FF, #DAD8E3, #CBAAAA, #65A5CE, #1C304B)
Browse the whole catalog at Explore, or see today's palette.