Sunlit Petrol Drift color palette — #E2F4F1 · #37A2BA · #316AA8 · #622838 · #470F00
A conversation between Slate and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Cream (#E2F4F1): a clean, paper-quiet neutral.
- Cerulean (#37A2BA): A luminous, balanced blue — the color of deep harbor water.
- Slate (#316AA8): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#622838): A deep, shadowed, balanced red — the color of embers at dusk.
- Espresso (#470F00): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Trust, Stability, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Sunlit 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
- Dusty Meadow color palette (#D5F6DE, #00AA9C, #007A8F, #5C3556, #401622)
- Aged Periwinkle Workshop color palette (#D1E5E9, #66A3DF, #676AAA, #683323, #342000)
- Antique Powder color palette (#DBF8FF, #ABD4EB, #8A96A6, #716072, #4A353F)
- Dusty Sky Harbor color palette (#D4E5EA, #5CBDEB, #5384B8, #704985, #5B2252)
- Wandering Powder Lagoon color palette (#C4F2FF, #7DB7F4, #797FA9, #5F4356, #1A341A)
- Dusty Glacier color palette (#E1FFDC, #24E4FA, #7F8CD7, #7B4C35, #562507)
- Aged Bronze Studio color palette (#D4E9F5, #0092C5, #AB5800, #005372, #260F00)
- Aged Cerulean color palette (#D1F7F9, #009BB2, #00647E, #003F5F, #001A33)
Browse the whole catalog at Explore, or see today's palette.