Weathered Petrol color palette — #EFF3EC · #65C8AF · #00829E · #007661 · #03120A

Cerulean and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EFF3EC): a clean, paper-quiet neutral.
• Mint Leaf (#65C8AF): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00829E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Teal (#007661): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#03120A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Sunlit Cobalt color palette (#EDF4EE, #4AC7D7, #0076D0, #00727E, #130B14)
• Worn Forest Corridor color palette (#EAF9F7, #79C28B, #0077AA, #1C723A, #182631)
• Olive Bloom color palette (#F3F2EB, #A4BF7A, #008A61, #527100, #0B1005)
• Hushed Turquoise color palette (#F1F4DF, #17B1BA, #007794, #4B3A73, #15281B)
• Frosted Aqua Bloom color palette (#B6FBF8, #4EC5CF, #00889E, #005067, #00293C)
• Aged Veranda color palette (#EFF3EE, #CEDCD8, #A8C6C1, #42827B, #282E27)
• Seafoam Harbor color palette (#EDF7F8, #63DDBD, #2F9EBB, #0F967A, #17262E)
• Weathered Balcony color palette (#E1F3E1, #00AAAA, #006485, #005858, #000408)

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