Petrol Ridge color palette — #FFF0F9 · #5FC7E5 · #0075AF · #00574E · #112E6B

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#5FC7E5): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0075AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#112E6B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Muted Sapphire Archive color palette (#FEF1F6, #6FC2F4, #0065E3, #005559, #2C2B5F)
• Linen Summit color palette (#F0F5DD, #37CEF6, #007DA4, #005059, #001D2D)
• Powdered Pier color palette (#E1FCF8, #77DAF9, #009AC8, #00717B, #003752)
• Denim Ridge color palette (#F1E3EA, #6AA8C1, #005A96, #003E3B, #111B44)
• Antique Garden color palette (#FFF4E2, #9BE7FF, #20B8FB, #009798, #00345F)
• Cobalt Harbor color palette (#FCF2F6, #C4E0F7, #668BC5, #007076, #3D4761)
• Washed Azure Alley color palette (#DCFFEB, #57E9EB, #15A5FB, #3F7200, #004136)
• Nightshade Courtyard color palette (#EBDCE0, #6194C3, #2435AF, #002F36, #160835)

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