Petrol Veranda color palette — #F5F7E7 · #6AA999 · #00707E · #6B3946 · #2E3927

Teal takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#6AA999): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00707E): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6B3946): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#2E3927): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Meadow color palette (#F9F5E8, #7EA87D, #007363, #504D1D, #35362F)
• Feathered Plum color palette (#EAF2E2, #29B68D, #974398, #00664D, #472847)
• Timeworn Delta color palette (#F4F8E5, #6CCAA6, #319287, #67625C, #333730)
• Dusty Olive Pier color palette (#FFF3E9, #BCA04E, #597500, #005E57, #3E3A34)
• Pine Pier color palette (#E6E5D1, #84B24A, #007F38, #005C47, #00484A)
• Worn Cobalt Quarry color palette (#FBF3F0, #AAD0B7, #287FB8, #006247, #2E385B)
• Mulberry Pier color palette (#DEEACA, #2BA46E, #972864, #83141F, #263010)
• Chestnut Lagoon color palette (#F8F5EA, #BDC5A5, #498F87, #766518, #485407)

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