Teal Terrace color palette — #F5F8DF · #3EBA98 · #006E70 · #5D2B19 · #000A06

Jade and Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F5F8DF): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#3EBA98): A luminous, balanced teal — the color of sea glass.
• Teal (#006E70): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5D2B19): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000A06): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, 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

• Jade Balcony color palette (#FCF6D8, #6BB672, #007059, #39400C, #000B01)
• Airy Archive color palette (#FEF4E0, #8FB134, #1D7238, #5A283F, #050900)
• Ancient Teal Drift color palette (#D9FFF1, #00C0A2, #00775C, #002A21, #000201)
• Onyx Harbor color palette (#DDF2EF, #3D877B, #004C5A, #52041D, #000A08)
• Tempered Meadow color palette (#E4F6CD, #28BA89, #A62EAA, #005C40, #130013)
• Hushed Lagoon Canyon color palette (#D2E9E6, #3A8B6F, #00504A, #3F2A00, #002117)
• Tempered Teal Alley color palette (#E2E5CC, #44BEA9, #008EA5, #904C59, #00201B)
• Washed Emerald color palette (#FEF4E5, #D2D691, #6E975C, #556A4E, #2F270A)

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