Petrol Ridge color palette — #F0E8DB · #7DC0CB · #007695 · #004C45 · #001828

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

The five colors

• Parchment (#F0E8DB): bright and airy, almost weightless.
• Ash (#7DC0CB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001828): 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 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

• Cobalt Canyon color palette (#F6F1E9, #99D2E4, #0086BA, #005B5B, #04213C)
• Hazy Sapphire color palette (#F0E8DC, #8CC0AF, #0C68CC, #004957, #0A1038)
• Dusty Bloom color palette (#F2ECE3, #70A4BE, #005C95, #00383E, #000727)
• Antique Iris color palette (#D1F4E0, #94C9F4, #8793FF, #006969, #00251A)
• Wandering Lagoon Parlor color palette (#EAE3D9, #4A9997, #00535D, #002D20, #000508)
• Washed Cerulean color palette (#F6F1E9, #BAE8D9, #678FC8, #006A7E, #3A2335)
• Brick Hollow color palette (#E2F5E8, #008FA4, #C1251D, #00505C, #2B0000)
• Mulberry Field color palette (#DCF7E7, #007791, #A20082, #574C00, #000F06)

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