Weathered Petrol color palette — #FBF4E9 · #6DC7DB · #00789E · #005652 · #003658

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Sky (#6DC7DB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00789E): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Cobalt Dune color palette (#FFEEE5, #75CADB, #0079B3, #00543A, #080E4C)
• Hushed Alley color palette (#E8F8FF, #9DD1FF, #8F91FF, #006E73, #003E59)
• Patina Boulevard color palette (#FBF4E9, #8ABEE6, #0068DA, #005364, #1E2578)
• Teal Quarry color palette (#D2EAE6, #00ABB2, #006F7C, #00495F, #1F2952)
• Softworn Pier color palette (#FFF0FA, #76DCF2, #0094E0, #007555, #222E61)
• Antique Sky Pier color palette (#E6FCEA, #8DEAFF, #00BAF3, #009891, #003658)
• Wandering Cypress color palette (#F8F5EF, #CBE3D8, #648FB4, #006F7A, #593C57)
• Rust Drift color palette (#C8F0D8, #0094B0, #B94700, #00586A, #501A00)

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