Weathered Petrol color palette — #DDE8DF · #6BC3BE · #008490 · #005C42 · #00242E

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

The five colors

• Parchment (#DDE8DF): bright and airy, almost weightless.
• Mint Leaf (#6BC3BE): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242E): 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

• Hushed Parlor color palette (#DBE8DD, #42B2C8, #007093, #004A46, #001527)
• Lagoon Grove color palette (#F6F6E7, #87DDD9, #008B91, #005346, #001013)
• Cerulean Balcony color palette (#E6F2E8, #93D0DA, #0094B9, #006D62, #00324B)
• Sapphire Boulevard color palette (#D8E4DA, #89B8D8, #0273D8, #005766, #0E184B)
• Turquoise Chapel color palette (#EDF9EF, #9EEBEC, #00AEC6, #00856A, #00475D)
• Patina Ultramarine Canyon color palette (#D7E6DA, #6298C7, #0049CA, #003948, #05002C)
• Patina Powder color palette (#F1F7F2, #D9DEED, #8EB5DE, #4E929E, #475366)
• Gentle Byzantium Atelier color palette (#E5E2F2, #AE2FC1, #876200, #00656B, #200225)

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