Petrol Ridge color palette — #CAF0DF · #80B2B0 · #177D8A · #5E465F · #532C35

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

The five colors

• Honeydew (#CAF0DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#80B2B0): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#177D8A): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5E465F): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#532C35): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns 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

• Muted Station color palette (#B9EECB, #63B299, #607860, #574057, #3B2606)
• Dusty Dune color palette (#C3EADE, #8CB7BB, #58819A, #76453C, #2D4B32)
• Cypress Study color palette (#FAE8EF, #A0A475, #4D7F5E, #644A6B, #463C52)
• Antique Mint color palette (#C9F3F5, #6FC7B8, #6C9EAD, #5C6E89, #3E4862)
• Patina Jade Chapel color palette (#D3E7D1, #3FB784, #00776C, #005A61, #1F3A5A)
• Scarlet Archive color palette (#D6F5FB, #00A397, #CB414A, #00655C, #542525)
• Washed Pier color palette (#D3EDDD, #00ACB7, #276BAF, #6D3E00, #3F3500)
• Weathered Turquoise color palette (#E4F8FF, #38B9C2, #006E77, #004043, #00282B)

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