Hazy Petrol Garden color palette — #F4F8E6 · #60C6EC · #0077A4 · #005460 · #003656

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#60C6EC): 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 Hazy Petrol Garden 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

• Washed Workshop color palette (#F4F6EB, #95CFE1, #0084AB, #005E67, #1C4336)
• Linen Cobalt Corridor color palette (#FFEEE3, #4ACCF6, #0077BD, #00524D, #081442)
• Weathered Thicket color palette (#DEE2D3, #73A6C0, #005E89, #003C48, #00213B)
• Washed Azure color palette (#FFF0F8, #71DAFF, #0093E6, #00736C, #192C6B)
• Antique Seafoam color palette (#D5FFF6, #00E4E1, #00B8D6, #006D55, #00413E)
• Chalky Teal color palette (#B5FFF0, #00B69F, #006C60, #003830, #00201B)
• Ash Orchard color palette (#F4F6EF, #C5E6E8, #709FC5, #3C788B, #5D4B5F)
• Hushed Navy Harbor color palette (#DCE0D3, #4F85B6, #003A7B, #002030, #00012E)

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