Weathered Petrol Field color palette — #DEF3F1 · #87C0D5 · #007197 · #003D44 · #000307

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DEF3F1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#87C0D5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Denim color palette (#E3F3EF, #6EAFAF, #006067, #002C26, #000102)
• Cobalt Loft color palette (#E7FAF9, #A8D2F0, #037ED1, #004E65, #000C23)
• Dusty Loft color palette (#EADCD4, #3B96B3, #004D7B, #002C28, #00001F)
• Cobalt Courtyard color palette (#EFE0EA, #81BACF, #0789D7, #006E67, #030940)
• Grape Drift color palette (#E9E7F8, #732EE4, #A10057, #004A60, #020008)
• Chalky Azure color palette (#E0FCFA, #D2DCF0, #04A3F2, #006F86, #002646)
• Aged Nightshade Orchard color palette (#DAE0EE, #6E68EB, #00776E, #3600A5, #000201)
• Muted Alley color palette (#E6FAF6, #CBE1EF, #36C1DC, #008885, #003B4B)

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