Hazy Petrol Field color palette — #C9EEFF · #74C5DF · #2799D0 · #1B6AB0 · #304369

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

The five colors

• Frost (#C9EEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#74C5DF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#2799D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#1B6AB0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#304369): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Petrol Field 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

• Worn Cobalt color palette (#C0F3FD, #4DBFD3, #007EB6, #295493, #424469)
• Washed Iris Dune color palette (#CCE6FF, #94BCEF, #6789DE, #6264BB, #453D64)
• Weathered Basin color palette (#EFF6FF, #AACDF9, #6196D8, #1F62AA, #122950)
• Faded Lagoon color palette (#BDF3F5, #76D0B8, #00A69F, #00777C, #00515F)
• Timeworn Aqua Delta color palette (#ABF8F0, #2EDDF8, #53B8F6, #6D8BBE, #603B4E)
• Tempered Azure Field color palette (#EEF6FF, #DBD8E3, #EBB3BB, #43A2C9, #455266)
• Chalky Cobalt color palette (#EDF6FF, #8DBEE4, #D19852, #0087CF, #5E3900)
• Navy Coast color palette (#D3E4E9, #0081AE, #00568E, #00307B, #090151)

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