Petrol Meadow color palette — #E2FDF0 · #59A4B5 · #5465A7 · #594E00 · #214157
A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E2FDF0): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#59A4B5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5465A7): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#594E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#214157): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, muted, cool.
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
- Timeworn Pewter Bloom color palette (#E6FAF7, #8AABCB, #826B9F, #476331, #3A485F)
- Aged Bloom color palette (#FFF0F7, #63A78F, #007497, #793900, #18444D)
- Patina Cypress Atelier color palette (#EBF9F4, #8FB9B7, #2C8375, #246279, #284948)
- Mulberry Study color palette (#DAFFF4, #5F88E1, #853D91, #005424, #322E5D)
- Grape Loft color palette (#D3EFC3, #0087BB, #5F04C8, #323E00, #002757)
- Sapphire Station color palette (#FFEDE9, #6F9FD8, #5660BA, #66324F, #2D1C2C)
- Patina Cerulean Atelier color palette (#FBF2F7, #C8E0F1, #5F8EC0, #00716F, #3C456B)
- Faded Iris Pier color palette (#FEF0FF, #8AB4ED, #767DCE, #8F476C, #2F3E55)
Browse the whole catalog at Explore, or see today's palette.