Weathered Petrol color palette — #F4EBF2 · #74C5D5 · #006EA3 · #00402B · #010015

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

The five colors

• Blush (#F4EBF2): bright and airy, almost weightless.
• Sky (#74C5D5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ultramarine Thicket color palette (#FAE9EF, #90BCDF, #445AC7, #003E3E, #04000E)
• Aged Pier color palette (#FCF2F7, #9AD6EF, #2279DB, #005347, #0C0031)
• Worn Cerulean Studio color palette (#F0DDD4, #2FA0AF, #005073, #00321E, #020D3B)
• Cerulean Delta color palette (#E9E0D4, #58C1D3, #0090B7, #006E65, #001625)
• Tempered Veranda color palette (#CCF1F3, #00956A, #9A2AAA, #004831, #030004)
• Hushed Corridor color palette (#A5F8E0, #00AA7B, #00644C, #001E13, #000201)
• Powdered Periwinkle color palette (#D4FAD4, #73DCD6, #73A5FF, #605900, #000503)
• Cypress Ridge color palette (#FCF2F9, #D6D4E1, #72ACDF, #008266, #242A53)

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