Petrol Drift color palette — #F2E8D8 · #77BFD8 · #0073A5 · #004B4C · #001630
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F2E8D8): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#77BFD8): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001630): 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
- Worn Petrol color palette (#F8EAF2, #92B7CC, #2A6D9F, #00504A, #1C2C52)
- Weathered Cobalt Canyon color palette (#F6F1E8, #95D0F1, #4680B5, #005A64, #2E172C)
- Gentle Denim color palette (#E8DECE, #5AA3DC, #1E54A7, #003744, #050030)
- Wandering Seafoam color palette (#F8F1E6, #6DE7DF, #0094A0, #006548, #002A35)
- Cerulean Loft color palette (#EFE7DB, #009CAA, #005265, #002C26, #00050A)
- Azure Parlor color palette (#FFF2EA, #BFEEFF, #5896D4, #006C58, #171743)
- Antique Harbor color palette (#F6F1EA, #C0EBEA, #78A1C3, #56735B, #403040)
- Gentle Bloom color palette (#FFE1EE, #EDB4FF, #CA85A7, #3F538F, #280C17)
Browse the whole catalog at Explore, or see today's palette.