Weathered Petrol color palette — #E8EBDC · #7DBFD2 · #007698 · #004A50 · #001826

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

The five colors

• Parchment (#E8EBDC): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#7DBFD2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Petrol color palette (#F4EBF1, #93B7CA, #006FA4, #005147, #112B5B)
• Worn Cerulean color palette (#F1F3E9, #A7D3BF, #4083AC, #005969, #00223D)
• Worn Coast color palette (#EBF0E1, #77A2C1, #005A9B, #003749, #000921)
• Petrol Meadow color palette (#F1F3EB, #C4E2E0, #7EA796, #3C757F, #1F3D34)
• Hushed Lagoon Lagoon color palette (#EEF0DD, #4C979D, #00535E, #002C29, #000508)
• Weathered Olive color palette (#EEE8D1, #878400, #007983, #4B4900, #001618)
• Gentle Cocoa color palette (#F5ECD1, #746E00, #006F58, #842A00, #0D0B00)
• Jade Pier color palette (#F8F1D6, #BACDA2, #7EB77F, #675B00, #172000)

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