Petrol Drift color palette — #EBF4F3 · #C5E1F2 · #5D95B5 · #186978 · #122E46

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Powder Blue (#C5E1F2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#5D95B5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#186978): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#122E46): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Iris Field color palette (#E1F7F9, #62B69F, #768ACB, #007660, #1B2447)
• Weathered Denim Canyon color palette (#D5F0EE, #6390AD, #004D7D, #002A37, #000410)
• Softworn Lagoon color palette (#E1F5F0, #69A9A7, #00656A, #003A32, #000D11)
• Muted Cypress color palette (#FBF3EE, #C6E5D6, #658EB7, #00716E, #5A3D53)
• Lagoon Courtyard color palette (#D8F9FF, #CBDAEB, #8ECFE1, #4E907C, #123239)
• Dusty Cerulean Lagoon color palette (#F4F6ED, #BDE6E5, #6DAED1, #008A9D, #1F5245)
• Petrol Bloom color palette (#DFECEB, #89BBD7, #0071AC, #00495A, #00162E)
• Cobalt Terrace color palette (#D7F9FF, #00A492, #3C84C3, #697225, #002328)

Browse the whole catalog at Explore, or see today's palette.