Petrol Coast color palette — #EBF7FF · #80B9D4 · #C98381 · #217DA0 · #5C445A

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

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Sky (#80B9D4): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#C98381): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#217DA0): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5C445A): A full-bodied, dusty pink — the color of neon signs at night.

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

• Muted Study color palette (#E9F9FB, #71C1B1, #B588A9, #2A8373, #534568)
• Cobalt Archive color palette (#EDF6FF, #8BB5DA, #B59167, #3778AB, #3A5537)
• Muted Balcony color palette (#EAF8FF, #91D0E0, #E29E88, #119CB7, #604256)
• Washed Petrol Dune color palette (#E9F5ED, #84BECD, #C78B78, #007F96, #502200)
• Muted Turquoise color palette (#EAF8FF, #45A6C2, #B6795C, #8C6A35, #2F4652)
• Muted Driftwood Delta color palette (#EDF9EC, #A3C0AF, #6E896A, #6E5466, #354E47)
• Weathered Courtyard color palette (#EBF7FF, #9CD0E7, #498EAA, #145675, #1A3950)
• Airy Grove color palette (#EDF7FF, #2EADF9, #AA5500, #006294, #5C2B00)

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