Teal Veranda color palette — #EFF7F6 · #D5DBDF · #B1B1BC · #70AB82 · #4B5554

Jade takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D5DBDF): bright and airy, almost weightless.
• Ash (#B1B1BC): soft and architectural.
• Jade (#70AB82): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#4B5554): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Teal 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

• Tempered Alley color palette (#EDF8F7, #D2DCE2, #ACB0BD, #AC7047, #4C5454)
• Ash Corridor color palette (#ECF9F5, #B7D9D8, #6FA8A0, #5D877D, #395352)
• Abyss Studio color palette (#E7EFEF, #96A8AD, #718A99, #005339, #000C0D)
• Washed Teal color palette (#E4F6F9, #5BAC9F, #425C6A, #273C40, #192423)
• Pewter Villa color palette (#FEF1FA, #A2CAA5, #4EA1A9, #9C5859, #2F4E50)
• Hushed Denim color palette (#D6E1E9, #A9B5C5, #8C94AF, #005B79, #021622)
• Hushed Pier color palette (#E6FAFC, #DEF9C5, #94EDCB, #6EB7E9, #335159)
• Softworn Cypress color palette (#E6F1F3, #CDDAE0, #A2BBD2, #00837A, #1B3237)

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