Teal Veranda color palette — #F4F6EF · #D3DED9 · #A4B9BE · #86BA8F · #474940

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D3DED9): bright and airy, almost weightless.
• Ash (#A4B9BE): A luminous, dusty blue — the color of open sky before noon.
• Mint Leaf (#86BA8F): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#474940): a grounded near-black with real depth.

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

• Hushed Terrace color palette (#EFF8F0, #CDDDDE, #C3BEAF, #32B8C5, #314636)
• Antique Fern color palette (#F6F6EC, #CFDBB3, #7FB9AE, #949274, #3C4900)
• Aged Seafoam color palette (#FFF2EA, #97DAA9, #63B2C1, #A86E82, #34422A)
• Aged Teal Coast color palette (#DCEAD5, #00C5AD, #5E7767, #424E3D, #171911)
• Patina Pine color palette (#ECF4F3, #D0D9DF, #B0BFD4, #53825A, #212F2E)
• Dusty Cypress color palette (#DAE1DA, #8FA6A5, #A88894, #007270, #010D01)
• Linen Mint Boulevard color palette (#F3F7E9, #84D29F, #9998D5, #B0626A, #5A2426)
• Celadon Lantern color palette (#EDFAE4, #CDFAA2, #8FF3CF, #7FD0FB, #284225)

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