Weathered Petrol color palette — #F6ECE6 · #7FC5C2 · #007486 · #004123 · #000306

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Mint Leaf (#7FC5C2): A luminous, dusty teal — the color of sea glass.
• Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004123): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#000306): quiet, heavy and certain.

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

• Timeworn Sapphire color palette (#FAEBDF, #89BFDE, #2366B9, #003D3F, #020013)
• Timeworn Cobalt color palette (#FFF2EC, #B0D7BB, #0085B3, #005343, #000C21)
• Lagoon Lantern color palette (#D7E5E1, #67C2BE, #00959C, #006E5F, #00181C)
• Washed Lagoon Veranda color palette (#EAEAD9, #0B9E9B, #005458, #002C25, #000507)
• Aged Fuchsia color palette (#FCE3FD, #C3B9FF, #E87DD1, #005A6E, #030014)
• Quiet Navy color palette (#C6F2FC, #0094C2, #005080, #0D0069, #040015)
• Softworn Azure color palette (#FFF2EC, #C4FAFF, #00A9D7, #007558, #002644)
• Tempered Veranda color palette (#DBE6FF, #2554E5, #755000, #524000, #00000C)

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