Petrol Coast color palette — #F6EEE2 · #7DBDCB · #0080A7 · #005A54 · #002138

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

The five colors

• Cream (#F6EEE2): bright and airy, almost weightless.
• Ash (#7DBDCB): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002138): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Soft Cobalt color palette (#E6DED1, #8DB7D6, #2A73CE, #005767, #10184C)
• Aged Meadow color palette (#EBF9F6, #93D9E9, #0087A7, #005154, #000F17)
• Dusty Denim color palette (#F6E4DB, #44AFC3, #005D8D, #00402C, #121C40)
• Tempered Terrace color palette (#E8D9E4, #83CDDE, #009EDA, #007F6C, #001D46)
• Linen Cornflower Market color palette (#FDF4E6, #9DD1FF, #4286FF, #006F88, #25286D)
• Gentle Azure color palette (#FCF4E7, #A9E6F9, #00A8E6, #008282, #164269)
• Weathered Jade color palette (#DBF3E9, #00B48C, #00735E, #003A2A, #00100B)
• Softworn Lagoon Studio color palette (#F8F5EF, #CAE8E0, #7BBDCB, #519581, #375145)

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