Petrol Loft color palette — #F2E5ED · #65AEC2 · #006AAC · #004C3A · #0C0047

Peacock takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F2E5ED): bright and airy, almost weightless.
• Cyan (#65AEC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006AAC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0C0047): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Forest Quarry color palette (#F2E5F4, #5EB2AF, #00728C, #004E11, #00142A)
• Cobalt Delta color palette (#F1E0E7, #7DBADE, #4C71C0, #005A54, #221148)
• Dusty Petrol color palette (#FBEAE1, #6EC4DF, #006AB2, #003F31, #020013)
• Dusty Quarry color palette (#EDE6DA, #4D9BB3, #005071, #003030, #00142B)
• Hushed Cobalt Studio color palette (#F8E9F3, #93D0DE, #398DC8, #006F51, #202A54)
• Azure Parlor color palette (#FEF0FC, #B1E4F7, #00A9E2, #00884E, #1D3E75)
• Aged Lagoon Loft color palette (#FCF2F5, #D9DDFA, #99A1D0, #278A8F, #444561)
• Antique Chapel color palette (#F9E7ED, #B90065, #006C4A, #004F4E, #160007)

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