Weathered Petrol color palette — #F0F7F2 · #D0DCDB · #A7B8B0 · #00717D · #313E34

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D0DCDB): bright and airy, almost weightless.
• Ash (#A7B8B0): A luminous, dusty teal — the color of sea glass.
• Teal (#00717D): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#313E34): 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

• Lagoon Courtyard color palette (#EFF7F9, #D5D9E3, #BDBCCD, #149199, #2B3E44)
• Timeworn Cypress Studio color palette (#EEF3EF, #CBD9DA, #C2B1C1, #007379, #1A231B)
• Timeworn Abyss Study color palette (#DDE9E2, #AEBDB6, #73978B, #004D5E, #0D2519)
• Cypress Terrace color palette (#F7F7E4, #82A67F, #3F6F4E, #415132, #35362F)
• Ancient Denim Bloom color palette (#FAF2FB, #DECCDC, #B79EB0, #005BA6, #3C2D3D)
• Hushed Driftwood color palette (#F9F3F8, #E2D7D8, #B2ADA5, #977593, #584F57)
• Shadow Petrol color palette (#D7E9E1, #006B95, #032D25, #021811, #000505)
• Worn Bloom color palette (#E1EAE7, #B0A5B1, #91758D, #003B5D, #011912)

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