Petrol Meadow color palette — #DFDFD5 · #52B2B3 · #00848E · #005E54 · #000C0F

Teal takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#DFDFD5): bright and airy, almost weightless.
• Turquoise (#52B2B3): A luminous, balanced teal — the color of sea glass.
• Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000C0F): 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 Petrol Meadow 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

• Cerulean Orchard color palette (#EDEFDD, #6CC0C6, #0093A6, #006D67, #00171E)
• Washed Meadow color palette (#F2E0D7, #57A0A1, #006377, #003E26, #000A15)
• Patina Cobalt Courtyard color palette (#DCE1D1, #75A7CA, #0078C5, #005973, #00091C)
• Ancient Market color palette (#F0DED8, #458485, #004255, #002108, #000105)
• Bronze Quarry color palette (#EEE7DB, #997A00, #008279, #675100, #000807)
• Quiet Cabin color palette (#E7EBE0, #8FC7F1, #1595FA, #00789C, #001C49)
• Tempered Harbor color palette (#EEF0E6, #99E0F4, #00B5E6, #008F9A, #003249)
• Pale Canyon color palette (#F5F1DB, #816E00, #007953, #A51300, #020200)

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