Petrol Drift color palette — #F6EBF1 · #7CBCD5 · #156CAC · #00504C · #212C4D
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EBF1): a clean, paper-quiet neutral.
- Sky (#7CBCD5): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#156CAC): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#212C4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Petrol Grove color palette (#F1E5EC, #86BDD2, #346DAB, #004D40, #120A3E)
- Aged Cobalt color palette (#FDF1F6, #A6CAE6, #4F79B5, #005F63, #2E3957)
- Quiet Ultramarine color palette (#F4DEE4, #69A4D8, #304CB1, #003D45, #201640)
- Quiet Pier color palette (#FDF1F9, #83E1DD, #008FA5, #066A3D, #044562)
- Misty Station color palette (#F3EEE5, #A5DDF4, #32AFF7, #009096, #0D2E55)
- Frosted Chapel color palette (#E7ECFF, #E8BDF6, #D97B86, #3E6399, #2F2F49)
- Muted Cerulean Garden color palette (#F1E2ED, #21A0B2, #00516E, #003126, #00142D)
- Timeworn Basin color palette (#FBF2F6, #D8DFF0, #799CC3, #4A7682, #475369)
Browse the whole catalog at Explore, or see today's palette.