Teal Grove color palette — #FAF3F6 · #D7D4E0 · #C3BFF2 · #53A295 · #444C67

Eucalyptus and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Lavender (#C3BFF2): A whisper-light, dusty violet — the color of wild irises.
• Eucalyptus (#53A295): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#444C67): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Ash Delta color palette (#EDF4EE, #D4DCF0, #7BA1C1, #467282, #29374A)
• Tempered Powder Loft color palette (#F2F4FF, #E2D7E0, #B5B2A8, #89B6D5, #4A4A61)
• Washed Taupe color palette (#F3F4FF, #D4C0F7, #B4C47B, #9BAB62, #35374A)
• Pale Pine color palette (#FAF2FB, #C9DEF7, #00C1E9, #198F20, #00375F)
• Washed Archive color palette (#FBF3EE, #C5EDED, #AC8DAC, #427A71, #5F4C57)
• Violet Courtyard color palette (#EDF7FF, #DBD7F6, #B2B0F1, #8E6BB2, #574B6D)
• Muted Bronze Grove color palette (#EDF9EE, #C0E4E4, #C4AA7F, #9E6D56, #2C4540)
• Ancient Lagoon color palette (#F8EAEE, #95BBDD, #4A54D2, #003D3F, #05000E)

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