Petrol Veranda color palette — #D8F0E0 · #007589 · #003041 · #031E10 · #010A08

Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D8F0E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003041): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#031E10): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010A08): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Denim Orchard color palette (#CFE4D9, #005E78, #3C3D45, #001C2E, #000D06)
• Patina Delta color palette (#E0F1F8, #0097AB, #1D486D, #092B37, #051417)
• Turquoise Alley color palette (#DBEADF, #00B5CB, #4B6893, #2B4A35, #0D1407)
• Cobalt Grove color palette (#EEDFEE, #3B70C0, #42283C, #281927, #0A1315)
• Deep Sapphire color palette (#F4DBF1, #0954F0, #212453, #240F22, #0E0509)
• Faded Villa color palette (#E2EBFF, #3B72FF, #BB03B4, #006E72, #1E2F53)
• Azure Basin color palette (#D8E9F1, #0AB1F0, #007BB5, #004E85, #312B67)
• Weathered Emerald Pier color palette (#D8FFF3, #079BEF, #009933, #006199, #084717)

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