Weathered Petrol color palette — #F7F1E8 · #C6E4DA · #718FBD · #00697F · #3C2236

Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Silver (#C6E4DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#718FBD): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00697F): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3C2236): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: 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

• Cerulean Courtyard color palette (#F6F1EA, #C8E4D2, #5397B8, #006D69, #00352B)
• Worn Iris Alley color palette (#FBF3F5, #CDDFEF, #7886C3, #007073, #434562)
• Timeworn Cabin color palette (#F8F1E6, #AAD6F5, #3884DB, #006070, #15214C)
• Tempered Denim color palette (#EDE6DC, #6EA7B2, #00617E, #003A36, #000C18)
• Antique Lilac Parlor color palette (#FFECF1, #A678BB, #A47529, #007B7B, #2E151D)
• Timeworn Driftwood Garden color palette (#FFECF1, #E3D4CD, #D8B99D, #817CA8, #472A2F)
• Dusty Lagoon Studio color palette (#FBF4EC, #C5E1F4, #AAB9E8, #3F9191, #543442)
• Navy Loft color palette (#E9DECD, #47819A, #003F64, #001F21, #000106)

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