Weathered Petrol color palette — #E2F3F0 · #5BC3D0 · #008399 · #005958 · #00242F

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#E2F3F0): a clean, paper-quiet neutral.
• Cyan (#5BC3D0): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#008399): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005958): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#00242F): 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

• Muted Turquoise Lagoon color palette (#D5EDEB, #41AFDB, #006E9E, #004855, #001528)
• Washed Courtyard color palette (#DEF4F1, #90CFE6, #2C91BD, #006A77, #00314C)
• Powdered Cobalt color palette (#FAF2F9, #9CD8E0, #0084BA, #005435, #000236)
• Airy Moss color palette (#E2F1E8, #949200, #6E6100, #4C3B00, #151800)
• Quiet Rust color palette (#FFE4D8, #BE4C00, #6D6E00, #892F73, #230800)
• Dusty Apricot Courtyard color palette (#F2DCD4, #FFA65E, #D1983E, #9A4337, #3D1B02)
• Dusty Scarlet Harbor color palette (#F5D9D6, #F51F2A, #7858D7, #9E0211, #1E044B)
• Tangerine Study color palette (#FFE6DA, #F46600, #A53F00, #5A2000, #120300)

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