Petrol Harbor color palette — #FFF4E2 · #78C5D9 · #0078A1 · #005653 · #00355A

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#78C5D9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
• 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, muted.

Use it as a design system

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

• Cobalt Meadow color palette (#FFEEE5, #79C9DC, #0078B8, #00543D, #0B0A50)
• Tempered Sapphire color palette (#FEF4E4, #87BEEC, #1F68D4, #005365, #222576)
• Washed Denim Parlor color palette (#EAE1D3, #6FA8BC, #005E87, #003E3F, #001F40)
• Timeworn Sky color palette (#E5FCEA, #92E9FF, #09BAF6, #009893, #00355A)
• Aged Meadow color palette (#FEF1F9, #70DCF4, #0094E1, #007556, #1F2A6D)
• Petrol Corridor color palette (#F9F4ED, #C4E5D7, #618FBA, #006F7B, #593D56)
• Muted Workshop color palette (#E9E3DA, #5287A9, #003C74, #002128, #02002F)
• Amethyst Meadow color palette (#DCDBF2, #704CE9, #A14400, #006248, #250E5C)

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