Weathered Petrol color palette — #FBF4E9 · #75C6D4 · #00799A · #00564F · #003754

Teal 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 (#75C6D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#003754): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Sapphire Boulevard color palette (#FBF4E9, #78C1EF, #006DCA, #005461, #1D2D67)
• Washed Cobalt Atelier color palette (#FFEEE6, #58CEE0, #007AAF, #005437, #051149)
• Pale Turquoise color palette (#E0FCF8, #89EBFC, #00BEE2, #009799, #00394B)
• Timeworn Orchard color palette (#E7E1D9, #6DA9B9, #005F81, #003E3C, #00213A)
• Azure Archive color palette (#FFF0FB, #6FDDEE, #0097D6, #00764E, #1D305F)
• Aged Market color palette (#F8F5EF, #BFE7D4, #3B92CC, #096F76, #544054)
• Navy Coast color palette (#E7E1D9, #3E8AAE, #003F6A, #002226, #000526)
• Airy Mulberry color palette (#F0EBC8, #807200, #006F89, #900070, #2A2400)

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