Weathered Petrol color palette — #F1F3E8 · #73CADF · #007E9D · #005155 · #001D2B

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

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Sky (#73CADF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001D2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. 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 Workshop color palette (#EFF4E6, #90C1E9, #0072CE, #004D68, #001643)
• Wandering Petrol color palette (#FFF0FA, #4CCAE7, #0076AA, #00574B, #123162)
• Weathered Cerulean color palette (#E8FAF7, #5FDEFC, #009BC2, #007178, #00384F)
• Denim Coast color palette (#E5E7DB, #7EA791, #006181, #00383F, #000C17)
• Muted Navy color palette (#EEF2E4, #497FA2, #003E68, #001E28, #000105)
• Worn Pine color palette (#CAE7D7, #00875A, #006F90, #615100, #001309)
• Frosted Turquoise Drift color palette (#E5FAD1, #7FDECF, #00B9BF, #007241, #00261F)
• Emerald Orchard color palette (#D7E6D4, #00A73D, #007442, #00462C, #002419)

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