Petrol Drift color palette — #DDF4FF · #00719D · #004F7A · #002546 · #00091F
Built around Peacock, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#DDF4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004F7A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002546): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00091F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Onyx Boulevard color palette (#DFF3F4, #006C86, #003250, #000552, #060025)
- Softworn Villa color palette (#CAF0E8, #008079, #005253, #002E32, #000A0D)
- Quiet Mulberry color palette (#D7E8FB, #0268C3, #981B63, #00376D, #120007)
- Soft Navy color palette (#CCE3E5, #0083A8, #0062A2, #00328B, #0B002F)
- Dusty Iris Studio color palette (#E9F0FF, #989EED, #8D77C6, #104783, #050329)
- Feathered Nightshade color palette (#D7E7F7, #0068C2, #0036BA, #090075, #05002A)
- Hushed Atelier color palette (#E1ECFF, #004FBC, #791A7E, #004746, #000109)
- Airy Sapphire Bloom color palette (#CEE5FF, #5D9AF9, #466EDB, #3644AB, #2A295D)
Browse the whole catalog at Explore, or see today's palette.