Petrol Ridge color palette — #FAEAE2 · #5DAFC5 · #006AAD · #004C3A · #0C0147

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

The five colors

• Cream (#FAEAE2): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#5DAFC5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0C0147): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Antique Field color palette (#EEE3D7, #76A7D2, #4B57C4, #004A4C, #1E0037)
• Hushed Delta color palette (#F0D9D3, #5EB2AF, #00728C, #014E10, #00142A)
• Washed Petrol Atelier color palette (#F9E9F3, #75C4DB, #006AB1, #003F31, #010014)
• Wandering Denim Courtyard color palette (#DDE8DF, #4C9CB2, #005070, #00302F, #00152A)
• Onyx Corridor color palette (#CAE9DD, #008D87, #006272, #00334C, #080153)
• Lilac Parlor color palette (#D0EBF4, #95B3E9, #B778B3, #006950, #001C2F)
• Feathered Cobalt color palette (#FAEBE3, #92D0DF, #398DC8, #006F52, #202956)
• Patina Terracotta color palette (#D4F3E1, #0085A2, #A64400, #004D60, #1F0700)

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