Weathered Petrol Loft color palette — #EBF2E3 · #57ABAF · #2A6E97 · #623449 · #3E3733

A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF2E3): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#57ABAF): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#2A6E97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#623449): A deep, shadowed, dusty rose — the color of strawberry cream.
• Charcoal (#3E3733): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Washed Lagoon color palette (#DDEED9, #70AAB7, #4C79A7, #734B45, #553C00)
• Patina Navy color palette (#F1EED7, #75A380, #187671, #51396A, #54232B)
• Antique Cerulean Meadow color palette (#DAE5D9, #3395B0, #3A5481, #52272C, #3F1800)
• Pewter Atelier color palette (#D5F6F8, #92C0D6, #799BB4, #78689C, #432D4C)
• Patina Lagoon color palette (#D6F2ED, #00A3AA, #00687A, #00495C, #1F294F)
• Muted Petrol color palette (#F4EDE3, #72BED1, #007297, #00504D, #08304D)
• Indigo Summit color palette (#D1E7EF, #6499E3, #6C59B2, #7C3916, #4C3300)
• Dusty Lagoon color palette (#E5E7D1, #589D76, #006353, #28471D, #252D11)

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