Weathered Petrol color palette — #EAF8FF · #75BCD2 · #CD836E · #00809A · #5F4356

Built around Cerulean, softened by Coral Clay — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Cyan (#75BCD2): A luminous, dusty blue — the color of deep harbor water.
• Coral Clay (#CD836E): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#00809A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5F4356): 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 Weathered Petrol 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

• Aqua Dune color palette (#E5F7EC, #63C2DC, #CA897A, #3B7C8D, #362F2C)
• Washed Aqua color palette (#EAF8FF, #66D5F3, #E09E91, #4199B1, #5C4457)
• Patina Pine color palette (#EAF8F9, #79C1A5, #CB7D9F, #0F8666, #55475E)
• Taupe Market color palette (#EEF6FF, #91B3DD, #AA9A3E, #4374B0, #385545)
• Softworn Amber Corridor color palette (#E6F9FF, #4DA8AC, #B47C3E, #907045, #30464E)
• Timeworn Driftwood color palette (#EFF8EF, #9DC2AD, #9B794E, #715367, #364D48)
• Hushed Lagoon Coast color palette (#E9F8FF, #DADBE5, #D6BBDD, #61999B, #485561)
• Tempered Periwinkle Pier color palette (#EDF6FF, #3CAAFF, #AC5400, #00609D, #5D2A00)

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