Teal Grove color palette — #E6F5F9 · #3AA8A2 · #B17058 · #6C5D2C · #10262B

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

The five colors

• Ivory (#E6F5F9): bright and airy, almost weightless.
• Turquoise (#3AA8A2): A luminous, balanced teal — the color of sea glass.
• Mocha (#B17058): A luminous, balanced orange — the color of toasted spice.
• Coffee (#6C5D2C): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#10262B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Dusty Pewter color palette (#E8F4FB, #56A9C4, #985A7F, #534F00, #002E2E)
• Taupe Harbor color palette (#E9F5F1, #879F61, #A36E98, #785733, #152722)
• Misty Cobalt Chapel color palette (#E9F3FF, #5387D0, #9F6719, #0A6233, #0F1B29)
• Ancient Bloom color palette (#EBF9F0, #51BBD4, #C68A7A, #9C6D60, #314237)
• Aged Cerulean Workshop color palette (#EBF7FF, #1E9FC4, #8B72A8, #486945, #313F48)
• Quiet Chapel color palette (#DEF7FF, #008D93, #C6170B, #445000, #00171F)
• Mint Bloom color palette (#F5F6E9, #A1D48E, #E19893, #AB734F, #32322B)
• Sunlit Terracotta Lantern color palette (#DBEBFB, #2A8CD0, #912F00, #314D00, #02111F)

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