Petrol Ridge color palette — #E3FAFF · #78C0C2 · #3398A8 · #006D89 · #36566E

Peacock and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E3FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mint Leaf (#78C0C2): A luminous, dusty teal — the color of sea glass.
• Cerulean (#3398A8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006D89): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#36566E): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Lagoon Drift color palette (#D6FFF8, #9AC5A4, #459472, #007264, #1C545F)
• Washed Petrol Harbor color palette (#EAF8FF, #82BACC, #C5886C, #007F9B, #614254)
• Softworn Denim color palette (#EBF6FF, #91BBE2, #6288C2, #4B5A99, #45506F)
• Denim Field color palette (#ECF7FF, #ACD4F2, #4A87A9, #00557B, #014056)
• Soft Glacier color palette (#DFFEDA, #78EEF1, #67CEE1, #629DB3, #33554B)
• Turquoise Ridge color palette (#9DEFFF, #00B8DF, #007AB0, #00578F, #3E3172)
• Timeworn Olive Veranda color palette (#EBF7FF, #67A1BA, #AF7593, #7C7A36, #2C4655)
• Muted Chestnut color palette (#EEF9EE, #A8BEAF, #6C896E, #795436, #384D43)

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