Petrol Drift color palette — #ECF3F9 · #DAB7CD · #396688 · #14344D · #09151F
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Rosewood Mist (#DAB7CD): A luminous, dusty pink — the color of peonies in June.
- Peacock (#396688): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#14344D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#09151F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Antique Petrol Grove color palette (#EFF6FB, #A6CBAD, #106689, #1B3C51, #222530)
- Patina Denim Courtyard color palette (#EEF1FE, #A6BC91, #524B89, #262049, #090C17)
- Patina Petrol Coast color palette (#ECF3F7, #A3CADF, #AC6A8F, #007E9B, #1A1221)
- Tempered Cerulean Dune color palette (#EFF7F5, #F8C2B7, #5781AB, #30554D, #232E2B)
- Softworn Forest Delta color palette (#DFF8F6, #7FB5C9, #7E6E9F, #2C5F39, #1E2D3E)
- Muted Cerulean color palette (#EEF2F8, #D9D5DC, #BAACAE, #6783B3, #32363D)
- Navy Workshop color palette (#EAF3FF, #DB9749, #10479B, #001C4E, #000717)
- Hushed Chestnut Summit color palette (#EBF2FF, #8393C4, #A07290, #775907, #1B2331)
Browse the whole catalog at Explore, or see today's palette.