Petrol Drift color palette — #E6F2E8 · #95B5D5 · #3B65B4 · #004D60 · #252953
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#95B5D5): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#3B65B4): A full-bodied, balanced violet — the color of wild irises.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#252953): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Antique Petrol color palette (#E6F2E8, #81BDC4, #00748D, #005146, #003249)
- Muted Cobalt Garden color palette (#F3E5E9, #9AB7D3, #5563B2, #004B4D, #1F023A)
- Cerulean Thicket color palette (#EBFAED, #9ED9E8, #008BB8, #006763, #0A436A)
- Aged Iris Drift color palette (#F4EDE6, #9CD1C3, #737DD2, #006B70, #382050)
- Denim Workshop color palette (#E1F0E4, #6097B3, #004D7E, #002F34, #000F3A)
- Feathered Periwinkle Study color palette (#F3EEE5, #AAE0D1, #71A2FF, #008CAD, #242856)
- Antique Chapel color palette (#F1F7F2, #CEE2F6, #76A0B1, #477B67, #395768)
- Misty Grape color palette (#BCE9DE, #6C9F2F, #7E349B, #335400, #391648)
Browse the whole catalog at Explore, or see today's palette.