Weathered Petrol Coast color palette — #D7E9E5 · #007B84 · #004E60 · #002A44 · #000B1F

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

The five colors

• Honeydew (#D7E9E5): bright and airy, almost weightless.
• Teal (#007B84): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004E60): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002A44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B1F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Weathered Petrol Coast 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

• Ancient Chestnut color palette (#D3EAF8, #007493, #8A4000, #003E51, #0E0300)
• Cobalt Lantern color palette (#E0ECF7, #0087BD, #005074, #001F36, #000205)
• Ancient Delta color palette (#D8E4CD, #008147, #00523F, #002C2C, #000C10)
• Sunlit Navy color palette (#CDE3EA, #00779C, #004B89, #190078, #10002C)
• Violet Pier color palette (#DBF0FA, #88A8DC, #9A69BC, #005753, #001227)
• Washed Cabin color palette (#FFE8E3, #8B8D00, #005FA2, #0C0D1A, #000206)
• Cocoa Studio color palette (#D9E9F3, #006086, #7C3600, #463700, #000204)
• Patina Navy Thicket color palette (#D4EBEE, #00A6CF, #007FB8, #1C44A0, #252462)

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