Weathered Petrol color palette — #F7EBE4 · #80C2D7 · #006DA7 · #003E38 · #000114

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EBE4): bright and airy, almost weightless.
• Sky (#80C2D7): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000114): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Teal Bloom color palette (#F5E7E0, #58B3B2, #005F71, #002D19, #000103)
• Worn Bloom color palette (#FFF3E8, #97D4FE, #4E79C3, #005056, #0B032D)
• Aged Dune color palette (#E4F2F0, #74BCD4, #008FBC, #006B76, #001624)
• Weathered Coast color palette (#F6E5EE, #369DBB, #004E7A, #00302C, #010C3E)
• Blush Market color palette (#EBEAFF, #E9B0ED, #E87699, #00559B, #080012)
• Washed Grape Summit color palette (#EEEDFF, #6947CE, #625A00, #3B4A00, #010008)
• Cypress Grove color palette (#FEF3EB, #C2E6F6, #79ABDC, #007F7B, #202B54)
• Wandering Nightshade Pier color palette (#D7ECFD, #2B83F7, #4614C5, #280059, #0C0010)

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