Petrol Coast color palette — #E2E4D9 · #7CBEC8 · #00829A · #005959 · #00232F

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

The five colors

• Parchment (#E2E4D9): bright and airy, almost weightless.
• Ash (#7CBEC8): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005959): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#00232F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Field color palette (#E6EBDD, #8DB7D5, #1878C3, #00556F, #001D46)
• Timeworn Cerulean Summit color palette (#EAF9F6, #7DDDEC, #0088A2, #005151, #000F16)
• Washed Cerulean color palette (#EDF0E3, #A9CEBB, #3091BD, #006A78, #00314D)
• Worn Denim color palette (#F1E5E0, #5AADB9, #00607F, #003F31, #00203F)
• Aged Azure color palette (#ECDEE9, #61D3E1, #00A0D0, #008064, #00203E)
• Wandering Turquoise Basin color palette (#F5F7EB, #ADE6F4, #00ACD4, #008187, #004660)
• Aged Cornflower Market color palette (#F3F7EA, #96D2FF, #0090F2, #006D8E, #002F6C)
• Softworn Pier color palette (#D0F4E3, #12B487, #007455, #003B28, #000C06)

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