Weathered Petrol color palette — #D3E9E5 · #55B1BE · #007386 · #004A49 · #00171F

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

The five colors

• Honeydew (#D3E9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#55B1BE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007386): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00171F): 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

• Chalky Petrol Market color palette (#D6EDEC, #75A8CD, #0069B1, #00475D, #001231)
• Cerulean Parlor color palette (#E6DED2, #60C1CE, #0091B3, #006E62, #001624)
• Antique Cerulean color palette (#F7E8F3, #00A2B1, #00516B, #003125, #00142B)
• Petrol Quarry color palette (#F5EAF3, #67C7D4, #00709C, #004026, #000113)
• Weathered Cerulean color palette (#E7F1EF, #92D1D6, #0097AB, #006C67, #003440)
• Sunlit Study color palette (#E9F9F5, #A0EBE7, #00B1B8, #008471, #004951)
• Wisteria Balcony color palette (#EDECFD, #B6A0E1, #C769E8, #4252A9, #190D30)
• Pale Nightshade color palette (#E2ECFB, #3E67F5, #00785D, #1700CE, #00140D)

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