Teal Grove color palette — #E3F2B9 · #6BBA93 · #2D8798 · #814C53 · #65353C

Jade and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#E3F2B9): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#6BBA93): A luminous, balanced teal — the color of sea glass.
• Cerulean (#2D8798): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#814C53): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#65353C): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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

• Wandering Bloom color palette (#C8EBE5, #80B4BE, #4B7E94, #684D5E, #553546)
• Wandering Cobalt color palette (#BEF3EF, #55BCB8, #2880B4, #7D543F, #594512)
• Cocoa Harbor color palette (#ECF1E2, #6FA48B, #007082, #6D2E27, #47293B)
• Lagoon Balcony color palette (#FFEAD7, #B6B27D, #3C905A, #72467C, #60394D)
• Timeworn Celadon color palette (#C4FAC2, #A2E0D0, #8DB69B, #A579A6, #69423D)
• Washed Pewter color palette (#D5FFFC, #9AC5D1, #758FAA, #795367, #3C5742)
• Softworn Seafoam color palette (#B9FAD9, #71D3C0, #5B9D9F, #596E94, #41416C)
• Pale Workshop color palette (#E5FCEF, #8CB164, #007E49, #5A521B, #10443A)

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