Petrol Veranda color palette — #E6E8DA · #6EA883 · #007887 · #6E3A3E · #502A12

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E6E8DA): bright and airy, almost weightless.
• Jade (#6EA883): A luminous, balanced teal — the color of sea glass.
• Teal (#007887): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#6E3A3E): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#502A12): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Garnet Balcony color palette (#F2EDDF, #6E9F92, #287468, #663451, #432D46)
• Softworn Pier color palette (#E0F5EA, #559FA8, #3A679B, #5B3647, #4D2A01)
• Weathered Teal color palette (#CAF2E5, #7FB9A1, #49808E, #6A4D66, #53384E)
• Washed Lagoon Thicket color palette (#D9E7CF, #1C917E, #00667F, #5E1C1A, #322000)
• Washed Studio color palette (#EFF1DD, #82C0A4, #7F9F83, #866C93, #522E2C)
• Softworn Cobalt color palette (#D3E5DD, #50B3CA, #3771B6, #714700, #553600)
• Dusty Forest color palette (#D5EBDD, #80955A, #00672E, #4A3D00, #083027)
• Softworn Plum color palette (#C0E6EF, #00928C, #BF006C, #005551, #4B0B2A)

Browse the whole catalog at Explore, or see today's palette.