Skip to content
Browse
Library

Moxie Care. Belly skin inside hairline ovals.

  • Brand
  • Light theme
  • 10 colors
  • 3 typefaces

Moxie Care is a cream-canvas maternity and women’s health site that leads with close, unretouched skin: bellies, stretch marks and scars fill full-bleed frames or sit inside overlapping 1px Cocoa #421e10 ellipses. Sections step between Cream #f3edda and Linen #fbfaf2, broken by a Moxie Plum #9a389c brand panel, Marigold #fcce1e, Apricot and Lavender team tiles, and a Butter #f7e399 booking card set on a Cocoa footer. Caslon Ionic does almost all the talking at weight 400 with -0.04em tracking, switching into its italic mid-sentence for the warm phrase, while Fakt Pro carries the plain 24px paragraphs. Calls to action are hairline ovals with italic labels, never filled buttons; there are no shadows anywhere.

Visit moxiecare.com
Screenshot of Moxie Care
Captured from moxiecare.com on November 6, 2026

Moxie Care design system

Moxie Care

Brand1

  • Body text, outline ovals, oval button borders, the menu overlay and the footer slab — a warm brown that replaces black for almost all ink

Accent5

  • Footer wordmark, footer contact links and the first team tile hover — the loudest colour, kept to the dark footer and small moments

  • The half-width Moxie Birth panel behind a Cream condensed wordmark and an oval photo crop

  • Team portrait tile fill on hover, behind an oval-cropped headshot and Cocoa caption

  • Second team portrait tile fill on hover, one of three rotating warm tile colours

  • The large rounded booking card that floats over the Cocoa footer with the Book Now oval

Neutrals4

  • Who-we-are canvas, testimonial cards, outline strokes on photos and text on Cocoa — the site’s paper

  • Reviews and team section canvas, Instagram handle pills and the hero headline over photography

  • Display headings on cream, team names and the bottom fade of photo overlays

  • Round arrow button on the Plum panel; otherwise almost never used as a surface

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper on Moxie Cocoa

14.74 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.