Petrol Ridge color palette — #E0F1E3 · #5AADCF · #006CA5 · #00494E · #001231

Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#E0F1E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5AADCF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00494E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001231): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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 Harbor color palette (#E8F3EA, #8DB6D9, #3A72CA, #005669, #14174A)
• Tempered Petrol Parlor color palette (#F4EDE2, #73C3E4, #006DA6, #003D41, #00020B)
• Aged Hollow color palette (#DEEEE1, #44A3A7, #006374, #003D31, #000B12)
• Iris Quarry color palette (#D7ECFF, #83AAFE, #927EE6, #005E6C, #001732)
• Navy Corridor color palette (#ECDDE5, #5D98B1, #00488E, #003129, #130043)
• Azure Thicket color palette (#EEF8F0, #BBD9EF, #639ACE, #007A87, #263B59)
• Frosted Garden color palette (#CFE3F7, #008DDB, #005791, #002A47, #000309)
• Faded Garden color palette (#D0EFFF, #0082AE, #A64300, #004C67, #200700)

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