Petrol Ridge color palette — #EFF7FA · #D8DAE4 · #C0BDCF · #2B8191 · #40494E

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

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Silver (#D8DAE4): a clean, paper-quiet neutral.
• Stone (#C0BDCF): A luminous, dusty violet — the color of wild irises.
• Cerulean (#2B8191): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#40494E): a grounded near-black with real depth.

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

• Weathered Boulevard color palette (#EDF4F0, #CEDADA, #AFC0C2, #10829D, #223028)
• Softworn Driftwood color palette (#E8F8FF, #A3B8CC, #8083A3, #4E6F5D, #365556)
• Dusty Denim Harbor color palette (#F3F5FC, #DFD6E0, #B8AFC0, #635A92, #373A45)
• Worn Drift color palette (#DBE4E9, #9EABB9, #757F98, #003E4F, #07161E)
• Weathered Aubergine Summit color palette (#DFE0ED, #BBB6C7, #95899B, #4F3374, #1C1D30)
• Frosted Iris color palette (#ECF7FF, #7BF2DD, #6BC2F7, #8E7CCA, #263A55)
• Wandering Turquoise color palette (#EAFBE8, #2EA8BE, #586797, #684618, #274052)
• Airy Mulberry color palette (#EAF8FF, #2E96B3, #904866, #624000, #3F3900)

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