Petrol Meadow color palette — #E1FFDB · #90F8E3 · #00B8D4 · #176FAF · #2F2260
A conversation between Slate and Cyan, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E1FFDB): A whisper-light, dusty green — the color of fresh herbs.
- Sea Foam (#90F8E3): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#00B8D4): A luminous, balanced blue — the color of open sky before noon.
- Slate (#176FAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Royal Purple (#2F2260): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
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
- Misty Villa color palette (#E8FED4, #95F1FD, #51A2EB, #5860A9, #421851)
- Teal Boulevard color palette (#F5FBC5, #BFF0B8, #00B7A1, #00758C, #003266)
- Glacier Coast color palette (#D8FFF5, #55ECEC, #5BC0DD, #4791BB, #133E74)
- Dusty Cerulean color palette (#A5F8F9, #61C5D3, #1A88A1, #005370, #002339)
- Aged Sky color palette (#EAFCDC, #DBEBF9, #72BCF9, #6E74B2, #502B5B)
- Misty Nightshade Orchard color palette (#DAFFEF, #00D4D8, #0090BF, #1900D2, #2B003C)
- Quiet Pier color palette (#DDF5F0, #008AA5, #004184, #150033, #030003)
- Tempered Grove color palette (#DEF7DF, #009B8B, #00566D, #00065A, #020007)
Browse the whole catalog at Explore, or see today's palette.