Petrol Ridge color palette — #F8EAF1 · #94B6CE · #2169B3 · #00504F · #21275A

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Ash (#94B6CE): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2169B3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#21275A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Patina Quarry color palette (#E7EBDD, #84BCD8, #0073A7, #004958, #00172C)
• Washed Delta color palette (#FCF2F6, #B2C8DB, #5C78AD, #005E66, #37355B)
• Antique Corridor color palette (#E5F4FF, #B4BFED, #B68FC5, #006A73, #153859)
• Softworn Denim Drift color palette (#E6DBE2, #6FABA8, #006272, #004123, #002234)
• Tempered Archive color palette (#DCF4F1, #00A0B2, #006986, #004168, #301C56)
• Chalky Azure Atelier color palette (#D6EAFF, #519BDE, #00588B, #002B48, #001630)
• Periwinkle Courtyard color palette (#F7ECE4, #97DEFF, #5EA9F5, #00918E, #212A53)
• Cypress Drift color palette (#FAF3F6, #D9DEEF, #7D9BC6, #007E83, #46526F)

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