Petrol Meadow color palette — #EFF8F0 · #CDDDDB · #A6C4B6 · #007983 · #314536
A conversation between Teal and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Silver (#CDDDDB): bright and airy, almost weightless.
- Stone (#A6C4B6): A luminous, dusty teal — the color of glacier melt.
- Teal (#007983): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#314536): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Hushed Quarry color palette (#F3F7ED, #CEDED5, #B4C0AE, #007F4C, #384700)
- Aged Denim Terrace color palette (#E8F1EB, #BFD1C8, #91A69E, #005F71, #213228)
- Hushed Lagoon color palette (#EFF7F9, #D4DAE8, #BEBEDF, #00999E, #304349)
- Tempered Ridge color palette (#FAF2FA, #E9D4D8, #CBB4C4, #396CA8, #473B47)
- Softworn Balcony color palette (#FAF3F7, #E0D7D7, #B1ACA2, #96778A, #585054)
- Soft Pine color palette (#F7F6E4, #81B277, #227D40, #1D5E49, #26431F)
- Inked Grove color palette (#D1E6DC, #007299, #072D48, #011E14, #000909)
- Antique Harbor color palette (#D7E3DF, #A8BFB9, #9D859C, #004A6E, #0C241D)
Browse the whole catalog at Explore, or see today's palette.