Grove AI. A single green word anchors a page of measured prose.
- AI
- Light theme
- 8 colors
- 4 typefaces
Grove AI uses a clinical-credibility language: bright white canvas, restrained forest-green accents, and a deliberate typographic contrast between an editorial serif (Libre Caslon Text) for hero-level storytelling and a precise grotesque (Geist) for body and interface. The brand voice lives in a single green word — "Grace" — set in the serif and dropped into an otherwise monochrome headline, so the AI agent reads as the personality of the product rather than a feature. Surfaces are flat with a single light-gray card layer; elevation comes from soft inset shadows and hairline borders, never from heavy drop shadows. Component weight is lightweight: pill buttons, ghost controls, thin outlined tags, and tight small-caps section labels. Overall the system feels like a well-funded medical journal that also happens to be a product page — clinical authority expressed through restraint, not decoration.
Grove AI design system
Brand2
Primary brand color — used for the logo mark, the signature word in serif headlines, accent borders on tags and announcement pills, and small icon highlights. A deep, slightly desaturated green that reads as clinical and trustworthy rather than energetic
Secondary dark surface — a near-black green-tinted shade for inverted buttons and dark surface moments where #000 would feel too harsh against the green accent
Neutrals6
Dark borders and separators for elevated surfaces and inverted UI. Do not promote it to the primary CTA color
Secondary text and dividers — a mid-dark gray for body copy de-emphasis, subtle borders, and metadata
Muted helper text, inactive labels, and tertiary metadata — sits at a comfortable AA contrast against white
Box-shadow base color for the soft elevation that sits behind cards and the floating product mockup on the right side of the hero
Card surface and the only neutral fill color in the system. Creates a single elevated tier above the white canvas without introducing a new hue
Page canvas, card-internal backgrounds, and inverse text on dark fills
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Pure White on Forest Grove
4.76 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
