Petrol Meadow color palette — #F2E5ED · #8ABDCB · #00788F · #004E30 · #001828
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F2E5ED): bright and airy, almost weightless.
- Ash (#8ABDCB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Tempered Cobalt color palette (#F2E5EA, #8CBAD8, #386AB6, #004B4E, #110D38)
- Worn Grove color palette (#F7EFF5, #A4CFE0, #0088B0, #005E48, #01213E)
- Hushed Garden color palette (#E1F3EF, #74C0C0, #00767F, #005147, #00343D)
- Patina Study color palette (#E5DCE2, #71A6B5, #005E8C, #003A33, #000628)
- Dusty Lantern color palette (#F6F0F4, #D2D3EA, #70A5B9, #197D5D, #22384D)
- Muted Cerulean Basin color palette (#F2E7EF, #398493, #00415C, #002019, #000105)
- Dusty Plum Workshop color palette (#E5E0ED, #9F418B, #546700, #005B3E, #1A0014)
- Ancient Fern Harbor color palette (#D6EDE1, #7A8F5F, #5C5800, #422D00, #001304)
Browse the whole catalog at Explore, or see today's palette.