Petrol Veranda color palette — #D1E5DE · #2D789B · #544068 · #253000 · #001D0B
A conversation between Slate and Charcoal, giving this palette its sense of nature and growth.
The five colors
- Silver (#D1E5DE): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#2D789B): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#544068): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#253000): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001D0B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Veranda 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
- Lagoon Lagoon color palette (#D8F2DB, #328791, #3E4878, #3E2900, #261700)
- Washed Basalt color palette (#CBF6FB, #58678F, #5B3056, #002812, #00110F)
- Hushed Cocoa color palette (#D0E9FA, #7085AC, #6D5887, #623000, #221900)
- Ancient Onyx Thicket color palette (#F1DFD4, #579AAC, #004D7E, #003124, #0B0246)
- Aged Chestnut Bloom color palette (#CCE2FE, #8B729A, #854A40, #004644, #002C38)
- Pine Coast color palette (#F2EBD6, #427B3A, #004236, #002539, #011500)
- Linen Workshop color palette (#D8ECE5, #4DA1C9, #885EBE, #4A630E, #162100)
- Feathered Pier color palette (#D2ECE9, #5D9DD2, #7F639B, #345B20, #224211)
Browse the whole catalog at Explore, or see today's palette.