Petrol Loft color palette — #ECF0E2 · #7AC0EC · #006CAD · #003B4C · #00020A
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF0E2): bright and airy, almost weightless.
- Sky (#7AC0EC): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006CAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003B4C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Hushed Aqua color palette (#EFEFE1, #6BC9C8, #00757D, #003F37, #000304)
- Hushed Lagoon color palette (#EDDEE4, #4E92B9, #004597, #002B2D, #03001B)
- Azure Market color palette (#F3F7E7, #C8ECFF, #4D9ACD, #00677C, #001F3B)
- Airy Cornflower color palette (#F0E6DD, #8BB6D2, #297EF5, #006C71, #100243)
- Dusty Loft color palette (#FFE0DD, #C74985, #0061CF, #6F0041, #000105)
- Weathered Bronze color palette (#ECDFD1, #AC7C20, #6C4300, #351A00, #020100)
- Muted Chapel color palette (#FFEAEC, #BF004A, #765000, #5C0094, #040001)
- Linen Peony Archive color palette (#F2DBEA, #D94AA1, #8B0054, #43001D, #0A0001)
Browse the whole catalog at Explore, or see today's palette.