Worn Petrol Drift color palette — #EAF9F8 · #DBDDE8 · #82A9DA · #0D78A2 · #1C2D4F

A conversation between Cerulean and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Silver (#DBDDE8): bright and airy, almost weightless.
• Cornflower (#82A9DA): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0D78A2): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1C2D4F): 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 Worn 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

• Azure Coast color palette (#E2FBF9, #D0DCF1, #00A5EB, #006F83, #002643)
• Washed Petrol Ridge color palette (#E2F2F0, #80C2D7, #007194, #003D43, #000306)
• Softworn Cerulean Cabin color palette (#FAF3F5, #CDE3F8, #96B0F1, #009DB0, #3A335C)
• Ancient Terrace color palette (#F3F7EC, #9CD2C3, #4279BF, #005A7D, #2A3A5B)
• Wandering Delta color palette (#E9F9F6, #9DD8DA, #008A97, #00524A, #000F14)
• Frosted Bloom color palette (#D9FFF7, #9CD089, #4CB2E4, #4A8830, #002C3F)
• Wandering Clover color palette (#D7FFF7, #7EB960, #00AAB3, #AD6E08, #0D2102)
• Hushed Corridor color palette (#D6FFFA, #A1F9E1, #BCE2F1, #819C64, #113938)

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