Petrol Loft color palette — #ECF4EE · #85D1E0 · #5888AC · #008091 · #0B1915
Teal takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Ice Blue (#85D1E0): A luminous, dusty blue — the color of open sky before noon.
- Storm Blue (#5888AC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#0B1915): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Cobalt Alley color palette (#F6EFF5, #AAC4F1, #8578B5, #5171AA, #1E1218)
- Patina Market color palette (#EEF7F9, #95CAD8, #8372AC, #007D7A, #2B2D3A)
- Antique Courtyard color palette (#EFF6FA, #9CDDED, #709FD2, #109DB5, #242F3A)
- Patina Sky Drift color palette (#EEF5E6, #85B1D6, #6577A3, #6E4548, #362537)
- Weathered Navy color palette (#CDFFEC, #A2C5E8, #6483B5, #3F5181, #24205C)
- Patina Lagoon Ridge color palette (#ECF4F0, #CFD8D9, #A5B0B8, #628E7A, #2F3934)
- Worn Teal color palette (#F1F7F1, #C6DDF8, #B8A1E0, #40ADA8, #271A1F)
- Muted Lagoon color palette (#EDF5E8, #449A88, #895D40, #594E0F, #1C1F0D)
Browse the whole catalog at Explore, or see today's palette.