Petrol Loft color palette — #E2F3F1 · #94B6CE · #006FA5 · #004D5E · #052F52
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E2F3F1): bright and airy, almost weightless.
- Ash (#94B6CE): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#052F52): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Ridge color palette (#F2E5EB, #8ABBD5, #386DA9, #004B4B, #0D0A41)
- Worn Iris Delta color palette (#E7F3FF, #A8C3F5, #898FD4, #005F88, #18314E)
- Timeworn Field color palette (#DCF1EC, #71ABA9, #006469, #003F36, #00242A)
- Patina Parlor color palette (#ECF8F6, #8CDEE2, #00909E, #00675F, #004855)
- Feathered Azure color palette (#EDF0E4, #B0DFCB, #26AFF9, #008DA8, #08304F)
- Sunlit Workshop color palette (#CAE4FF, #449BE9, #005C99, #002A4D, #111030)
- Quiet Grape Bloom color palette (#DAEDFF, #0071AE, #7A38A6, #005A4C, #002238)
- Muted Plum Summit color palette (#C5E3FA, #0089BE, #9B438D, #004F70, #450C3E)
Browse the whole catalog at Explore, or see today's palette.