Teal Grove color palette — #EFF4E7 · #63AE88 · #277F8C · #344D72 · #2A2900

Built around Jade, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#EFF4E7): bright and airy, almost weightless.
• Jade (#63AE88): A luminous, balanced teal — the color of sea glass.
• Teal (#277F8C): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#344D72): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2A2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Worn Coast color palette (#E8F6ED, #62A8B9, #5B729B, #574168, #00301C)
• Washed Navy color palette (#E6F9DD, #009884, #006485, #2F2288, #0D1D00)
• Hushed Lagoon Bloom color palette (#E6F9DA, #7BC4B9, #33918D, #1A6D6E, #203F29)
• Ancient Mulberry Veranda color palette (#EBF9F4, #939E71, #2E7C8D, #7C395C, #1B4D3E)
• Tempered Meadow color palette (#E9F1E0, #319770, #34402D, #1B2014, #0C0D08)
• Softworn Petrol color palette (#E9F9FA, #78C2AC, #4898B3, #57659D, #3A491C)
• Aubergine Pier color palette (#DCF4E7, #0089A9, #394D9E, #4F105E, #001911)
• Aged Pewter color palette (#E8F7E1, #BBCDBB, #7E9888, #715969, #4F3C44)

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