Worn Petrol color palette — #E9FAF0 · #FFDDD2 · #2D8299 · #1A412E · #05130C

Cerulean takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9FAF0): A whisper-light, dusty teal — the color of sea glass.
• Shell Pink (#FFDDD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#2D8299): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#1A412E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#05130C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Tempered Petrol color palette (#FBF2FA, #FFE0BB, #5F779F, #472E46, #150C14)
• Muted Stone color palette (#EAF5EB, #A0BF84, #006165, #002E30, #070F08)
• Weathered Summit color palette (#E8F8FE, #C4DFB4, #5AA2A8, #007178, #0D252D)
• Washed Denim color palette (#EAF8FF, #D99E8C, #005B6F, #063345, #161C27)
• Timeworn Denim Field color palette (#FFF0F9, #C8D99B, #5B5D93, #222248, #090106)
• Patina Denim Alley color palette (#E0FDF3, #FFAA98, #005E8E, #002136, #000201)
• Muted Cerulean color palette (#EFF8F2, #B5F1FF, #AD8DD0, #009AB2, #1D0C13)
• Powder Boulevard color palette (#FFF0F9, #A9A8F0, #9874AD, #804F05, #0A1A07)

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