Petrol Loft color palette — #EBF1E0 · #6EA8D8 · #1767B5 · #004660 · #000E3A

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

The five colors

• Cream (#EBF1E0): A whisper-light, dusty green — the color of new leaves after rain.
• Cornflower (#6EA8D8): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#1767B5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004660): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#000E3A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Dusty Petrol color palette (#E3E5D9, #64AEC1, #00718F, #00494E, #001622)
• Sapphire Bloom color palette (#E4F1F1, #8BBCE8, #0066C1, #003A51, #000111)
• Airy Field color palette (#EAE0D6, #6F94B2, #183CA6, #002F34, #150041)
• Wandering Cornflower Boulevard color palette (#EEDBE2, #77B7EA, #4D7AEE, #006B77, #15043C)
• Dusty Cobalt Studio color palette (#EDF0E7, #9ECBEB, #4C8BC5, #006785, #112E53)
• Olive Coast color palette (#DEE7D9, #407700, #00686C, #6A3F00, #030A00)
• Washed Lagoon Lagoon color palette (#F5F6EE, #C6E9E2, #97BBA4, #4B9491, #355243)
• Pale Fern color palette (#E3E6CB, #81BD92, #41AE8E, #436300, #001D04)

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