Petrol Coast color palette — #F8EBE3 · #6EC3E5 · #006BB0 · #003E3B · #010015

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

The five colors

• Cream (#F8EBE3): bright and airy, almost weightless.
• Sky (#6EC3E5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006BB0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Wandering Canyon color palette (#F9EBE3, #67C9C7, #007488, #004024, #000306)
• Hazy Cobalt Villa color palette (#FDF3EA, #9ED3FB, #4976D3, #005057, #0D0031)
• Timeworn Cerulean Balcony color palette (#E2F2F0, #76BBD7, #008EC3, #006B7A, #001626)
• Washed Denim Thicket color palette (#F0E1E9, #4A9BBA, #004C81, #00302E, #070D39)
• Faded Denim Field color palette (#ECE9FF, #E8BEF0, #E98892, #074E8F, #11001C)
• Wandering Basin color palette (#E2DDF1, #7541C9, #5C5C00, #3A4A00, #020007)
• Softworn Periwinkle Thicket color palette (#FDF3EB, #C3E4F4, #77AAE3, #007F7F, #232A53)
• Grape Parlor color palette (#D2E7FB, #307BFD, #542BC8, #35005E, #050007)

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