Weathered Petrol Field color palette — #FAF4EC · #CAE3D9 · #648DBC · #006E7E · #38466B

Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Silver (#CAE3D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#648DBC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#38466B): 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 Field 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

• Muted Iris color palette (#F7F0EB, #C2E6D8, #718DC6, #006D67, #3E2230)
• Periwinkle Bloom color palette (#FAF3F6, #D5DEFC, #88A4DE, #348A83, #414660)
• Worn Cypress color palette (#F8F5EF, #CCE4E0, #79A58F, #2B7D74, #2D5347)
• Frosted Cobalt color palette (#FFF3E8, #C4946D, #438FD0, #955300, #1F4566)
• Softworn Balcony color palette (#FDF4E7, #66CACE, #007B8F, #005747, #00384C)
• Hushed Denim Basin color palette (#E3DDD5, #85A98D, #006177, #003F36, #002334)
• Worn Petrol color palette (#F4EEE4, #8BBEAE, #3867AE, #004D5D, #1E2661)
• Antique Abyss Villa color palette (#F1E9DD, #628B75, #00425F, #002223, #000919)

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