Petrol Drift color palette — #F4F7EB · #7FC3DD · #0077A3 · #005460 · #003755
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Sky (#7FC3DD): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#003755): 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
- Aged Cobalt color palette (#FFEEE3, #7DC7E3, #0077BD, #00524D, #050E4E)
- Washed Lagoon color palette (#F6F6EB, #9CDCDC, #00909B, #00685D, #004854)
- Patina Denim color palette (#EEF1E7, #7BAA96, #005E8A, #003C49, #00213B)
- Linen Terrace color palette (#FFF0F8, #84D8F7, #0093E6, #00736B, #1B2E66)
- Ancient Sky Cabin color palette (#DEFDFA, #A3E5FF, #18B9F9, #0095A9, #003655)
- Petrol Bloom color palette (#F4F6EF, #C4E5DA, #618EBB, #006C8C, #583D58)
- Navy Atelier color palette (#E4E8DC, #5C85A8, #003C74, #00202E, #000525)
- Worn Raspberry color palette (#FFDBD8, #D54590, #8A6B00, #8E0058, #3A2C00)
Browse the whole catalog at Explore, or see today's palette.