Petrol Meadow color palette — #EEE8DF · #99BEA0 · #007790 · #004C41 · #001926
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#EEE8DF): bright and airy, almost weightless.
- Sage (#99BEA0): A luminous, dusty teal — the color of sea glass.
- Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001926): 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
- Antique Cerulean color palette (#F5F1EB, #B5CFBE, #0087B3, #005C58, #00223B)
- Petrol Cabin color palette (#EEE8DF, #96BDB2, #4369AE, #00495A, #0E0843)
- Petrol Cabin color palette (#F5EBF3, #78BFC4, #007298, #00532C, #172D50)
- Dusty Denim color palette (#EAE2D6, #7EA793, #005E8E, #00393C, #000A1F)
- Softworn Harbor color palette (#E7E1D6, #4B8193, #00415D, #001F20, #000104)
- Worn Cypress color palette (#F5F1EB, #C9E0DC, #65A6C0, #157B72, #163E33)
- Muted Courtyard color palette (#E2F2E8, #4DAD7B, #006B4D, #003220, #000603)
- Gentle Fern Basin color palette (#E9F1CF, #85D8C2, #4AAEBF, #386D00, #001C14)
Browse the whole catalog at Explore, or see today's palette.