Petrol Drift color palette — #E6F0F9 · #CAD9EB · #AAB8CF · #3477AB · #222F3C
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Frost (#E6F0F9): a clean, paper-quiet neutral.
- Powder Blue (#CAD9EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#AAB8CF): A luminous, dusty violet — the color of a velvet chair.
- Slate (#3477AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#222F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Ancient Alley color palette (#E0E7F2, #BAC4DB, #9BA3C3, #425BA5, #161F2F)
- Violet Atelier color palette (#F3F4FF, #DBDAF9, #BEB9D8, #8462B9, #303143)
- Azure Cabin color palette (#E8F1EE, #DED1D4, #D6B2B6, #009BE6, #1C332C)
- Patina Veranda color palette (#F2F5FD, #DCD8E2, #C5BDCA, #858CB8, #434852)
- Iris Field color palette (#E8F2FF, #7CC8FF, #6EA4FF, #7F7BDE, #17254E)
- Softworn Archive color palette (#E3E7FF, #B1A3D8, #9271A4, #6E526E, #50271B)
- Patina Harbor color palette (#EDD4F1, #518DFF, #615AB4, #79214A, #182144)
- Feathered Indigo Hollow color palette (#D5E2FB, #6374FF, #8F33A3, #741D38, #00242C)
Browse the whole catalog at Explore, or see today's palette.