Petrol Loft color palette — #CEE4E5 · #00788C · #005177 · #002951 · #020024
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Silver (#CEE4E5): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005177): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002951): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#020024): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Hushed Petrol Cabin color palette (#D1F9F9, #008196, #004864, #001A39, #00000B)
- Navy Loft color palette (#C8F4FD, #0077A8, #004289, #0E0083, #0E002E)
- Wandering Alley color palette (#D6F0D7, #007E5C, #00514B, #002B31, #000B11)
- Petrol Atelier color palette (#CFE8FC, #0071A4, #7B4C00, #003C5A, #0B0400)
- Cobalt Lagoon color palette (#D0E1F5, #377CD8, #004589, #00193A, #00010B)
- Orchid Coast color palette (#D7EBFC, #959EDD, #A35DAF, #005C62, #000A25)
- Softworn Lantern color palette (#D4ECE9, #C35500, #007B9A, #070F18, #000204)
- Worn Canyon color palette (#D0E0F2, #005A9D, #704000, #3D3A00, #000206)
Browse the whole catalog at Explore, or see today's palette.