Petrol Coast color palette — #F3EEE5 · #88B9D1 · #006DAB · #004F55 · #152D53

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

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Ash (#88B9D1): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DAB): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#152D53): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Tempered Loft color palette (#F3EEE5, #9ABB9C, #007586, #005140, #003344)
• Hushed Cobalt color palette (#F9F4ED, #ABCEC2, #4F7AB0, #005D6E, #2B3861)
• Antique Archive color palette (#F3E6DD, #98BDAC, #3E6BAC, #004C43, #160540)
• Periwinkle Hollow color palette (#E7F2E9, #AFDAF6, #36ADFE, #008F9A, #172D50)
• Antique Alley color palette (#EBDFCD, #539BAB, #00516B, #00302D, #001527)
• Ancient Petrol color palette (#F9F4EE, #CAE6E7, #7D9CBE, #337A86, #604A5D)
• Feathered Chapel color palette (#DDE4CC, #627500, #006596, #8E0049, #1C2300)
• Misty Nightshade Lantern color palette (#E7DFBB, #8E9521, #5E48A8, #4A4D00, #2B1959)

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