Petrol Coast color palette — #ECF8F7 · #CCDFF1 · #6C8DB5 · #006B91 · #35476A

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Powder Blue (#CCDFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6C8DB5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006B91): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#35476A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Washed Thicket color palette (#EFF7F5, #C7E1E9, #4099A3, #007267, #254D5F)
• Airy Cobalt Basin color palette (#ECF8F7, #AAD4F3, #2183D5, #006280, #1A3F73)
• Hushed Iris Studio color palette (#F7EFF2, #C4E0FA, #748BC6, #006B77, #252B41)
• Patina Abyss Corridor color palette (#E0F2F0, #4B89A5, #004160, #002128, #000A17)
• Worn Cabin color palette (#FBF4ED, #C2E6EB, #88A3E5, #218998, #593F4D)
• Ancient Olive Market color palette (#E4FBF6, #86AD70, #3195C0, #3C7700, #004964)
• Petrol Hollow color palette (#E6FAF7, #71C7D4, #007B92, #005656, #00394A)
• Bronze Field color palette (#DDFEF5, #739551, #008D8F, #965800, #0D4138)

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