Petrol Coast color palette — #DEEEFD · #0074AE · #785000 · #003D5F · #271700

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

The five colors

• Frost (#DEEEFD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0074AE): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#785000): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003D5F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#271700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Terracotta Loft color palette (#CCEBF7, #007C86, #903D00, #004248, #301000)
• Pale Studio color palette (#D8E8F8, #008AE5, #9F6700, #005590, #281600)
• Pale Nightshade color palette (#DCE6FE, #5C5FC3, #655A00, #3000A1, #1F1B00)
• Faded Coast color palette (#E3E1FF, #836CE8, #866D00, #5500C7, #382D00)
• Misty Amber color palette (#CFF7ED, #6AB5FF, #C97A03, #0060A6, #2A1500)
• Weathered Boulevard color palette (#EFF6FF, #83A0D5, #B07F34, #2A5DC8, #573D13)
• Soft Chapel color palette (#E6EDFF, #5347AC, #832F00, #5F2E00, #100832)
• Muted Olive Veranda color palette (#DCF5E7, #62804C, #4D4700, #3A2200, #001C0F)

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