Petrol Meadow color palette — #F1F3EB · #C4E2E0 · #7EA796 · #3C757F · #1F3D34
A conversation between Teal and Taupe, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Silver (#C4E2E0): A whisper-light, dusty teal — the color of glacier melt.
- Taupe (#7EA796): A luminous, dusty teal — the color of glacier melt.
- Teal (#3C757F): A full-bodied, dusty blue — the color of open sky before noon.
- Forest (#1F3D34): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, 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
- Muted Ash color palette (#F1F3EC, #C5E1E3, #7CA1C0, #4C7561, #403041)
- Petrol Market color palette (#EAEADB, #9FBDA0, #007984, #004C44, #001A1F)
- Denim Veranda color palette (#EEF1E0, #70A5B6, #00617F, #00383E, #000C16)
- Cypress Market color palette (#EFF4E8, #7FC4A5, #C09260, #318363, #35302B)
- Weathered Lagoon color palette (#E3EAC3, #96CAA7, #559B76, #1C654E, #314026)
- Softworn Terrace color palette (#EAF6E5, #58AE9E, #5E93C1, #777D49, #1E2C18)
- Wandering Lagoon color palette (#E5F9DD, #9ADCD1, #49968B, #00574D, #0C2103)
- Navy Veranda color palette (#EBF0DE, #517F99, #003F64, #001E27, #000104)
Browse the whole catalog at Explore, or see today's palette.