Teal Veranda color palette — #F6F6E8 · #99BB87 · #56A593 · #666798 · #2F1F13

Turquoise and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#99BB87): A luminous, balanced green — the color of new leaves after rain.
• Turquoise (#56A593): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#666798): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#2F1F13): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Mustard Coast color palette (#FAF4EA, #D3BF74, #7FA374, #3F769C, #33211E)
• Antique Pier color palette (#F4F7E9, #8FC084, #7989C0, #71638F, #302216)
• Dusty Basalt Study color palette (#FFF3E7, #F2DBA4, #85AF86, #7E6793, #4D3E00)
• Softworn Teal Coast color palette (#EFF8ED, #3BC7BE, #4A8ECB, #8C445F, #1A1600)
• Clover Lantern color palette (#F5F9D8, #5FBD55, #008C9E, #673090, #201100)
• Emerald Orchard color palette (#EFFAE4, #00A47A, #007583, #56306C, #140A00)
• Wandering Delta color palette (#F8F3FA, #E7A7B5, #68AADE, #7E7EC1, #363044)
• Fern Terrace color palette (#F9F6E4, #A7B775, #4D5C16, #2D2B20, #120F0A)

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