Petrol Ridge color palette — #E2EFEE · #71AAC8 · #006DA3 · #004857 · #00152A

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

The five colors

• Cream (#E2EFEE): a clean, paper-quiet neutral.
• Blue Fog (#71AAC8): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DA3): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00152A): 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

• Antique Alley color palette (#DEECEB, #77A6D7, #005ED2, #004564, #030A3F)
• Denim Chapel color palette (#DBEBE8, #50A0A9, #006372, #003C39, #000B10)
• Feathered Garden color palette (#D6E0EB, #97B5FC, #7E7DEC, #005C88, #001338)
• Washed Ultramarine Studio color palette (#FBE8F1, #82C0DE, #2363C1, #003F37, #030011)
• Cobalt Ridge color palette (#E9DFCF, #6FBBE0, #0088DA, #006B75, #000F3A)
• Linen Azure color palette (#F9E3ED, #089CCD, #004A87, #00302F, #09073F)
• Chalky Cobalt Canyon color palette (#E3F2F1, #8ECFEB, #0091CA, #00697A, #01314F)
• Plum Loft color palette (#D9EEFF, #007FBC, #AE0093, #004A70, #21001B)

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