Petrol Loft color palette — #F4F8E5 · #6FC4E6 · #0077A4 · #005460 · #003656

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F8E5): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#6FC4E6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005460): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003656): A deep, shadowed, dusty 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

• Petrol Terrace color palette (#EEEFE7, #95BCA0, #00748C, #004F50, #003344)
• Cobalt Lagoon color palette (#FFEEE3, #35CDFC, #0076BF, #00524D, #091344)
• Cerulean Atelier color palette (#F5F6EB, #97DCDF, #00909E, #00675F, #004856)
• Washed Alley color palette (#E8ECDD, #5DA9CE, #005D8A, #003C49, #00213C)
• Cornflower Study color palette (#FFF0F8, #75DAFF, #0092EA, #00736D, #1B2C6A)
• Tempered Cerulean Basin color palette (#F4F7ED, #BCE7D9, #5E8EC1, #246B87, #544054)
• Lagoon Garden color palette (#EFEFDF, #40A09E, #005459, #003129, #00181C)
• Timeworn Archive color palette (#E3E8DC, #5984AD, #00397C, #002030, #000428)

Browse the whole catalog at Explore, or see today's palette.