Petrol Loft color palette — #F1EADF · #5EACD3 · #006AAE · #004951 · #000C3F
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1EADF): bright and airy, almost weightless.
- Cyan (#5EACD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006AAE): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Hushed Petrol color palette (#E9DFD0, #69AFB6, #00728A, #004B40, #001623)
- Cobalt Thicket color palette (#E8DECF, #91B5D9, #5072BB, #00566D, #181649)
- Petrol Canyon color palette (#E8F1E9, #85C0DF, #006BB0, #003D44, #000110)
- Hazy Navy Cabin color palette (#F2E8E1, #5F97B6, #16419C, #00302C, #18003E)
- Timeworn Study color palette (#FBF4E9, #B4E0D0, #6F98C9, #00798C, #2C395D)
- Cornflower Basin color palette (#FFF4E2, #9FD1F9, #3D89F7, #006F85, #21296F)
- Grape Basin color palette (#E5E2D3, #849122, #5A34BA, #434A00, #120035)
- Misty Mulberry color palette (#DFE8CF, #597100, #006095, #8B0042, #050900)
Browse the whole catalog at Explore, or see today's palette.