Teal Terrace color palette — #F7F6E5 · #A7D7BA · #4AB4A7 · #A57670 · #2E3C00

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

The five colors

• Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A7D7BA): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#4AB4A7): A luminous, balanced teal — the color of sea glass.
• Mocha (#A57670): A luminous, dusty orange — the color of sun-warmed clay.
• Forest (#2E3C00): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Timeworn Jade Cabin color palette (#FBF5E4, #B6D69B, #5BB583, #86837C, #36362F)
• Wandering Fern color palette (#F7F5ED, #DEE1C0, #8DC3AA, #A19A82, #505100)
• Hushed Seafoam Corridor color palette (#F5F7E4, #9BE4AD, #539B78, #66635C, #262B12)
• Aged Lagoon Pier color palette (#E7FAF6, #95C19C, #3A9468, #6D642F, #143D3A)
• Sky Lantern color palette (#FCF3EF, #CCE9CF, #18C4F0, #489F7B, #164438)
• Pale Jade color palette (#F6EACF, #A4D25D, #00B462, #8D7B05, #243409)
• Teal Thicket color palette (#E7E8D8, #59BD99, #009190, #8D5141, #002116)
• Misty Mint color palette (#E3E8CC, #76E081, #CD73A8, #B96BCB, #2A2E0A)

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