Weathered Petrol Delta color palette — #F3EEE5 · #8EBDAB · #286AAB · #004E59 · #1B2B54

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

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Mint Leaf (#8EBDAB): A luminous, dusty teal — the color of sea glass.
• Slate (#286AAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#1B2B54): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Petrol Delta 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

• Aged Cobalt Garden color palette (#FEF4E3, #6AC4EF, #0072B8, #00555D, #102F68)
• Aged Petrol color palette (#F3EEE5, #80BEBD, #007683, #00523D, #003343)
• Softworn Cobalt color palette (#F2E7DE, #8EC0AD, #4466B8, #004C48, #190838)
• Softworn Cerulean color palette (#FDF4E6, #8EDEE6, #008EAB, #00685A, #004662)
• Hazy Loft color palette (#F9EAF0, #9CCBE8, #5C83D6, #006C66, #302158)
• Ancient Denim color palette (#F0E9DE, #5B99AD, #005071, #003030, #00142B)
• Periwinkle Market color palette (#E8F1EA, #A4DBFE, #59A9FB, #008EA1, #1B2B54)
• Denim Market color palette (#FFE4EE, #DDB0DA, #DA8A9E, #59559F, #452646)

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