Petrol Meadow color palette — #ECDDD5 · #72C1C2 · #00829D · #005C3C · #002237
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Bone (#ECDDD5): bright and airy, almost weightless.
- Mint Leaf (#72C1C2): A luminous, dusty teal — the color of sea glass.
- Cerulean (#00829D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C3C): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Cobalt Drift color palette (#F6E9DF, #7ABBDA, #0076D0, #005958, #12174C)
- Softworn Garden color palette (#EAFAED, #86DDDF, #00899E, #005342, #000F17)
- Antique Garden color palette (#D6E9E5, #5BAEB0, #00636D, #003F38, #00242C)
- Linen Chapel color palette (#F2E5F1, #86CED1, #00A0CE, #00833F, #001E45)
- Cornflower Pier color palette (#FEF3EA, #92D5F6, #158DF8, #007272, #242B67)
- Powdered Peony Lantern color palette (#FBE5F9, #C3BAF3, #E46CC3, #0078A3, #1A1F43)
- Azure Pier color palette (#FDF3EE, #96EBF4, #00ABD9, #008665, #1D4263)
- Worn Parlor color palette (#F9F4EF, #CBE8EA, #93B1E9, #549298, #5F4C57)
Browse the whole catalog at Explore, or see today's palette.