Petrol Meadow color palette — #E7F9FC · #389C86 · #006D90 · #414175 · #26401A
Built around Peacock, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7F9FC): a clean, paper-quiet neutral.
- Fern (#389C86): A luminous, balanced teal — the color of sea glass.
- Peacock (#006D90): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#414175): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#26401A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Powdered Parlor color palette (#EAF8FF, #0098B7, #47619B, #58386C, #004429)
- Weathered Lantern color palette (#E5FBF5, #769456, #007466, #004F6D, #483500)
- Washed Cerulean Atelier color palette (#EEF7F6, #BDE3F4, #4197AE, #0E7071, #1C4E61)
- Softworn Cypress color palette (#E9F9F6, #91BC9C, #4B8067, #3E625C, #254A48)
- Softworn Aubergine Coast color palette (#CDE5F8, #00719D, #473090, #023907, #002526)
- Linen Garnet Boulevard color palette (#E8F5F1, #839659, #006E95, #7A0138, #192200)
- Dusty Pewter color palette (#DCF6FF, #97BACC, #768FA3, #5C607D, #564359)
- Dusty Cypress Harbor color palette (#D3EAED, #008472, #18373F, #092327, #070E12)
Browse the whole catalog at Explore, or see today's palette.