Petrol Loft color palette — #F1E4EC · #4EB0CB · #006AAD · #004C3A · #0C0B38

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

The five colors

• Blush (#F1E4EC): a clean, paper-quiet neutral.
• Cyan (#4EB0CB): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006AAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0C0B38): A deep, shadowed, balanced violet — the color of wild irises.

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

• Pale Parlor color palette (#F4E6F5, #1AB9B3, #00728A, #064E0C, #001529)
• Aged Cobalt Courtyard color palette (#ECE0E5, #5EBDEE, #4171CB, #005A53, #20173F)
• Worn Petrol color palette (#F6ECE6, #74C4DB, #006EA4, #003F37, #000111)
• Patina Garden color palette (#E0E3D2, #509BB1, #00516A, #002F34, #001623)
• Worn Hollow color palette (#DAEDEA, #80BACC, #0090B9, #006B75, #001623)
• Ancient Bloom color palette (#F6EAF2, #8FD0DE, #178FD0, #016F4F, #212C4D)
• Washed Veranda color palette (#DAF3EC, #009B80, #00675C, #003226, #000403)
• Aged Garden color palette (#CCE5E3, #26C1C8, #5995FA, #635900, #001A15)

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