Weathered Petrol color palette — #DCEDEB · #92BAD0 · #00759C · #004A53 · #001828

Teal and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCEDEB): bright and airy, almost weightless.
• Ash (#92BAD0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001828): 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

• Wandering Cerulean Drift color palette (#E8F5F4, #A9CDE7, #4A82AA, #00586C, #00213F)
• Petrol Villa color palette (#F9EBE3, #92BDA6, #136DA8, #00504A, #1A2A58)
• Muted Denim Courtyard color palette (#DEF2F1, #6EA2CD, #1C5999, #00364B, #000727)
• Navy Atelier color palette (#DEEFEE, #437FA7, #003D6A, #001E29, #000105)
• Mulberry Parlor color palette (#F7E6FF, #EEB4B9, #E48B7C, #813565, #2C0711)
• Soft Plum Grove color palette (#EFDDFC, #B32E75, #8C4B00, #4B30A4, #1C000D)
• Worn Chestnut color palette (#FAE1EC, #AD7A48, #7D4515, #531F00, #170B00)
• Worn Market color palette (#ECDFF5, #BA5A85, #846700, #81004D, #181100)

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