Petrol Ridge color palette — #EBF3F7 · #D2D6E2 · #ABB9C9 · #007183 · #162329

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D2D6E2): bright and airy, almost weightless.
• Ash (#ABB9C9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007183): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#162329): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Study color palette (#F1F7F2, #D1DCDD, #BFAEB7, #00717D, #313E35)
• Cerulean Atelier color palette (#EEF7FA, #D9DBE5, #BEAFBB, #4298A3, #243135)
• Wandering Indigo Harbor color palette (#EFF1FA, #DED2E3, #C2BAD6, #6C5CAC, #202435)
• Weathered Ultramarine color palette (#EBF3FD, #CAD4E9, #A5A9C8, #0055BB, #0B1A2E)
• Cocoa Lantern color palette (#E0F3FF, #92A5BF, #6F758F, #623C29, #11301A)
• Worn Cypress color palette (#E0F8F1, #83AC85, #2D7457, #1D4E5A, #00221F)
• Abyss Alley color palette (#DEEBF3, #A8B5C2, #7E8EA8, #004B61, #010C14)
• Timeworn Denim color palette (#E8E8F0, #CBCAD5, #A7A0B1, #5F4682, #131425)

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