Petrol Drift color palette — #F4ECF0 · #77BCD8 · #006CB2 · #00504C · #212C4E
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F4ECF0): a clean, paper-quiet neutral.
- Sky (#77BCD8): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006CB2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#212C4E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Hushed Abyss color palette (#F7EAF3, #79C0BE, #007589, #005330, #00324A)
- Patina Petrol Archive color palette (#E8EBDD, #78BEDC, #0074A2, #004956, #00182A)
- Muted Ridge color palette (#FDF2F6, #A8CAE3, #3977CF, #005F63, #34375A)
- Worn Ultramarine color palette (#DCE8DB, #7AA3C8, #2940CC, #003D45, #201542)
- Chalky Alley color palette (#FBF2F8, #84E1DE, #008EA6, #006B3F, #0B4562)
- Worn Periwinkle color palette (#F4EDE3, #B2DFC9, #5DADE4, #009097, #112E53)
- Cerulean Cabin color palette (#EEE1EB, #399FAE, #00516D, #003126, #00142D)
- Washed Periwinkle Corridor color palette (#FAF3F6, #D8DEEF, #759CCB, #267D7D, #495266)
Browse the whole catalog at Explore, or see today's palette.