Petrol Loft color palette — #E8F9F8 · #6FC4EA · #0076AA · #005363 · #00355A
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F9F8): a clean, paper-quiet neutral.
- Sky (#6FC4EA): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0076AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Antique Pier color palette (#E0FCF6, #5BCCCC, #007D86, #00574D, #003A43)
- Wandering Cobalt Loft color palette (#FDEDF5, #8EC4DE, #0073CC, #005151, #0F0058)
- Faded Sky Terrace color palette (#F3F8E4, #AAE3FF, #35B6FD, #0094AE, #00355B)
- Denim Orchard color palette (#DCEBEA, #6FA6C8, #005C92, #003C4C, #001F41)
- Weathered Cornflower color palette (#FFF2EA, #96D5F2, #098EF6, #007270, #202772)
- Lagoon Summit color palette (#D7EDE8, #459FA2, #00545C, #00302B, #00171D)
- Petrol Basin color palette (#BFEAE1, #008373, #0068A9, #525800, #002B25)
- Misty Jade Quarry color palette (#E2F2E6, #00B073, #00795A, #004F3F, #00343D)
Browse the whole catalog at Explore, or see today's palette.