Worn Petrol color palette — #E1F1F0 · #78A9C4 · #006DA4 · #004858 · #00142A

Peacock and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F1F0): bright and airy, almost weightless.
• Blue Fog (#78A9C4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006DA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00142A): 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 Worn Petrol 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

• Softworn Garden color palette (#D3E9E4, #66B1AD, #007579, #004B3F, #00181B)
• Dusty Petrol Ridge color palette (#ECF1DE, #76C1EA, #006DA7, #003C4A, #000309)
• Sunlit Iris Quarry color palette (#D3E1F0, #AFA7DB, #8089D7, #006288, #001631)
• Dusty Drift color palette (#CDE5ED, #0086AB, #005F81, #003955, #001528)
• Sunlit Navy Garden color palette (#F8EBF0, #5398BC, #00488E, #003030, #0D0540)
• Soft Cornflower Archive color palette (#EBE0D7, #65BBE7, #0981F3, #006D6E, #0C0A3A)
• Dusty Lantern color palette (#D9EEFF, #0081B4, #307900, #004B6B, #041400)
• Muted Cobalt Orchard color palette (#E4EFFA, #3D88DA, #0057A0, #00264A, #00040E)

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