Petrol Coast color palette — #E9F6EC · #BA9C55 · #006D96 · #6B5000 · #000710

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

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Camel (#BA9C55): A luminous, balanced gold — the color of old brass.
• Peacock (#006D96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6B5000): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#000710): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Olive Delta color palette (#EAF5F0, #B3BA6C, #3F7AA9, #656A03, #040F1A)
• Patina Lagoon color palette (#EEF8F3, #9B9F55, #006C69, #515400, #001C23)
• Timeworn Cypress color palette (#FDEDF3, #C99363, #007758, #7C4500, #000809)
• Soft Lapis color palette (#E6F6F2, #8CAC6A, #6153B1, #3F6100, #030417)
• Washed Balcony color palette (#F4E2F6, #86923B, #006967, #5E1944, #001D1B)
• Bronze Delta color palette (#E5F2EA, #8E7700, #00457B, #413500, #000104)
• Wandering Pine Pier color palette (#F0E1BF, #90AC5E, #187B43, #00474B, #001D2B)
• Washed Delta color palette (#DDF3ED, #75A700, #5A12E6, #3B5600, #030016)

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