Weathered Petrol color palette — #F0F7F2 · #CAE5E6 · #E2CCE4 · #288394 · #16221A

A conversation between Cerulean and Thistle, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#CAE5E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Thistle (#E2CCE4): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#288394): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#16221A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Antique Alley color palette (#EFF8F3, #CCE2E5, #D3C7BE, #5B93A7, #28312C)
• Velvet Studio color palette (#CFEDE3, #007EBA, #351932, #141E22, #000503)
• Worn Petrol color palette (#EBF9F3, #F5D7E1, #CFB0C6, #0D688E, #00110A)
• Ancient Balcony color palette (#FBF2F9, #E7D6D7, #B4AE9E, #5A79CE, #2D202B)
• Denim Workshop color palette (#E3EAEE, #C3CDD4, #96A5BC, #00606C, #07181F)
• Hushed Mint color palette (#F8F6E1, #86D085, #008C5F, #3C5A3C, #181A00)
• Ancient Grove color palette (#E9F8FF, #9CC3F9, #837DAE, #7B4318, #3B2808)
• Timeworn Ash color palette (#EEF8F5, #E4D3CF, #A69D92, #6DA1A7, #39413F)

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