Worn Petrol Lagoon color palette — #F5E1ED · #64ADC7 · #0067B7 · #004B3E · #100341

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F5E1ED): A whisper-light, dusty pink — the color of a candy shop window.
• Cyan (#64ADC7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#100341): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Worn Petrol Lagoon 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

• Tempered Abyss Pier color palette (#ECDDEC, #5EB2B1, #00718E, #004E18, #00142C)
• Cobalt Drift color palette (#F6E3EA, #8FB7D5, #586FBB, #005958, #251340)
• Hushed Villa color palette (#F7ECE5, #79C3DB, #006AB4, #003F32, #020013)
• Ancient Thicket color palette (#DBE8DD, #77BBD4, #008CCA, #006C6F, #00142D)
• Hushed Lagoon color palette (#ECE5DB, #6F9B84, #004F74, #003031, #00142D)
• Cobalt Dune color palette (#F6EBF2, #90D0E1, #328DCF, #006F54, #212957)
• Tempered Azure color palette (#FDF1FA, #AAE7EF, #21A8E2, #058754, #253E6F)
• Powdered Canyon color palette (#EFDDE6, #AE197F, #006A60, #004D5A, #15000C)

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