Worn Petrol Ridge color palette — #F1F3EC · #C4E2E4 · #77A89A · #30758B · #412F42

A conversation between Teal and Eucalyptus, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C4E2E4): A whisper-light, dusty blue — the color of deep harbor water.
• Eucalyptus (#77A89A): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#30758B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#412F42): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Worn Quarry color palette (#F2F2EC, #C9DEDA, #60A9B8, #007B77, #1C3E2D)
• Petrol Alley color palette (#F0F3EB, #C8E3DA, #6991BB, #006888, #392339)
• Denim Lagoon color palette (#E3E6DB, #7BA895, #005E8C, #003844, #000B1B)
• Washed Chapel color palette (#E8F6EF, #8FC0AA, #83A96B, #007CA5, #233814)
• Timeworn Cerulean color palette (#FAEDFA, #E8D1D6, #CBA0A3, #6596B6, #443343)
• Lagoon Veranda color palette (#DFF9F0, #6BA3CB, #9C7EBB, #008D74, #132D25)
• Aged Powder color palette (#EFF7F7, #D7DCEA, #7EB7EA, #598FA4, #465464)
• Worn Denim color palette (#D8F6E4, #89BFD6, #4394BF, #005A8E, #003D33)

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