Weathered Petrol color palette — #F5EDE2 · #93BDA3 · #007299 · #00504D · #07304E

A conversation between Peacock and Deep Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sage (#93BDA3): A luminous, dusty teal — the color of sea glass.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#07304E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Sapphire Workshop color palette (#F3EEE5, #90B6D6, #3166B7, #004D5E, #232A50)
• Washed Turquoise color palette (#E6F1F0, #B0DAF0, #51B2D5, #008F99, #003248)
• Soft Cornflower color palette (#FBF4E9, #A7D4FA, #377BE5, #006378, #323B6C)
• Lagoon Chapel color palette (#F3ECE0, #449FA4, #005362, #003127, #001721)
• Wandering Cobalt color palette (#F9F4ED, #BAE8DC, #6A89C8, #006D89, #5A3D51)
• Wandering Mulberry Market color palette (#F6ECCF, #736F00, #006887, #821C5C, #222100)
• Ancient Station color palette (#FBEDC7, #BCD9AC, #41B384, #705100, #32312A)
• Worn Lagoon color palette (#E6DDC8, #907F00, #6947DD, #544900, #281D55)

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