Weathered Petrol color palette — #E9E0D4 · #57B0C5 · #007095 · #004A47 · #001527

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E9E0D4): bright and airy, almost weightless.
• Cyan (#57B0C5): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#007095): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001527): 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

• Wandering Workshop color palette (#F5ECDD, #74BBE0, #0079C5, #005861, #091D43)
• Weathered Petrol color palette (#DBF4F1, #7FC3D4, #007290, #003D41, #000306)
• Cerulean Workshop color palette (#F0E1D9, #02A0BB, #004E7B, #003123, #090A3C)
• Chalky Ultramarine color palette (#E9E1D6, #6BA7DE, #0C56E2, #004759, #0D063E)
• Worn Cerulean color palette (#F3EEE5, #90D1DC, #0094BB, #006D64, #00314C)
• Pale Thicket color palette (#FCF4E8, #99ECEF, #00AEC9, #00856D, #00465E)
• Cerulean Bloom color palette (#F9F4EE, #C5F0E2, #7CA6E5, #0088A3, #593D52)
• Antique Plum color palette (#F1DBE6, #B3007F, #635E00, #00526B, #15000C)

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