Teal Grove color palette — #ECF8F6 · #BEE3F4 · #70AC9E · #5A7C8B · #223E3E

Turquoise and Powder Blue set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Powder Blue (#BEE3F4): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#70AC9E): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5A7C8B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#223E3E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, 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

• Weathered Villa color palette (#EFF8F3, #B7DED9, #7FBAAB, #6797B5, #2A4945)
• Jade Thicket color palette (#E0FDF4, #AFEAB0, #3DA87D, #586A92, #003733)
• Washed Bloom color palette (#F5F6EA, #8DBCA2, #008673, #3E644A, #384A00)
• Dusty Coast color palette (#F3F4FF, #C3ACF6, #DB9A67, #45A592, #262941)
• Worn Lagoon color palette (#E2FCF6, #96C9A8, #008A71, #464D78, #001F0E)
• Hushed Abyss Study color palette (#D8EDE4, #63864D, #004921, #001B3B, #000200)
• Mustard Boulevard color palette (#F2F5FF, #D4CDFF, #B4C56E, #8A7DC8, #363C15)
• Lilac Studio color palette (#EFF6FF, #D0DAFF, #A39FEF, #7867AC, #4C395E)

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