Petrol Coast color palette — #FAE8F2 · #4EC7EC · #0069B7 · #003F33 · #020013

Royal Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FAE8F2): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#4EC7EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0069B7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F33): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Ancient Aqua color palette (#F9E8F9, #5DCBCA, #00728F, #004212, #000309)
• Wandering Delta color palette (#FFF1F6, #9BD4FA, #4F72DB, #00514F, #100326)
• Ancient Azure color palette (#D0E7FE, #009FE2, #00587E, #001725, #000103)
• Cerulean Drift color palette (#E6E9DB, #7FBAD0, #008FBF, #006B78, #001625)
• Muted Balcony color palette (#F9EBE2, #6298AC, #004E7B, #00302C, #020349)
• Antique Chestnut color palette (#C9F0FC, #008CA9, #9B5000, #004352, #030100)
• Chestnut Basin color palette (#C9E6ED, #007487, #774F00, #5B3B00, #000102)
• Lagoon Field color palette (#D2EAE0, #00959A, #005871, #002744, #01000E)

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