Jasper. Serif headlines over a pastel tile mosaic.
- AI
- Light theme
- 21 colors
- 3 typefaces
Jasper reads like an editorial print magazine that learned to ship software. The canvas is pure white, the type is a high-contrast serif (Feature) set tight and tall, and the only structural color is a near-black midnight navy that does duty as both ink and filled button surface. Around that disciplined spine, the design opens up a toy box: pastel card backgrounds in coral, mint, sky, butter, and lilac, each carrying flat geometric illustrations on faint grid textures. The rhythm is generous — breathing room between sections, small-caps eyebrow labels above each headline, and two-button CTAs that pair a quiet outline with a confident filled action. Everything else stays out of the way: no shadows, no gradients, no decorative chrome, just ink, paper, and the occasional pop of color as functional punctuation.
Jasper design system
Brand1
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Accent15
Accent links, inline emphasis, illustrative highlights — vivid warm coral that cuts through the pastel system
Decorative icon accent, tag text, secondary brand touch — deep wine magenta used sparingly for typographic and icon moments
Green supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Card backgrounds, warm tag fills, soft section washes — pastel coral sibling of Signal Coral
Soft card surface, badge fill — near-white coral wash for warm category cards
Card accents, illustration strokes, icon highlights — vivid blue used as a cool counterpoint in the pastel palette
Gray supporting accent for decorative details and low-frequency emphasis
Card accents and illustration strokes — vivid electric green used as playful punctuation
Soft green card surface — pale mint wash for category cards
Yellow supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Pale card surface, subtle section wash — cream yellow
Decorative icon and illustration accent — vivid violet used in flat graphics
Pale lilac card surface — wash for cool category cards
Decorative badge fill, soft pink wash — mid-saturation pink
Pale pink card surface and badge background
Neutrals5
Muted icon stroke, secondary text, illustration outline — neutral gray for graphic line work
Alternate card surface, subtle section background
Warm-tinted card surface, badge fill with coral undertones
Warm section wash — pale cream surface for alternating bands
Page canvas, card surfaces, button text on dark fills
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper on Midnight Ink
19.21 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
