Petrol Hollow color palette — #F8EAF1 · #74BDD5 · #006BB6 · #005141 · #262951

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

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Cyan (#74BDD5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006BB6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#262951): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Petrol Hollow 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

• Aged Forest Orchard color palette (#F3ECF4, #81BEBA, #00748C, #08540C, #073050)
• Tempered Cobalt color palette (#FCF2F6, #A2CBE7, #4577C7, #006157, #39345B)
• Weathered Petrol Grove color palette (#F0E8DB, #62C1E2, #0073A6, #004B4D, #001631)
• Ultramarine Delta color palette (#F0E4E8, #78A4C6, #3241C7, #003E3E, #261043)
• Soft Basin color palette (#FAF2FB, #A0DBD6, #008EAA, #146C0D, #0E436B)
• Azure Ridge color palette (#CEEDFF, #00A1E9, #005591, #002C42, #001726)
• Dusty Lagoon color palette (#D5EDE4, #009C98, #006A81, #004075, #172A56)
• Worn Pier color palette (#E3F5FF, #BACCFF, #C881DD, #006755, #21384B)

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