Relume. Cream canvas, one violet spark.
- AI
- Light theme
- 12 colors
- 2 typefaces
Relume is a light-mode, warm-neutral AI design tool that pairs a cream canvas with confident oversized type and a single electric violet as its only chromatic accent. The visual language is built on a custom grotesque ('Relative') that runs from a 224px hero down to 12px captions without ever leaving the family, giving the site one continuous typographic voice. A signature three-stop orange-to-red-to-violet gradient punctuates the page — applied to text on the word 'faster' and as a hairline border on the primary prompt input — making the otherwise restrained palette feel switched on. Cards float on white against the warm canvas with soft shadows and 16px radii, while the primary CTA button is a solid violet (#6248ff) that doesn't fight for attention but always wins it.
Relume design system
Brand3
Violet action color for filled buttons, selected navigation states, and focused conversion moments.
Decorative icon strokes, subtle border accents, secondary violet UI
Hover wash on violet buttons, soft chip backgrounds, tinted surface
Accent1
Occasional high-energy accent wash on dark surfaces, highlight tags
Neutrals8
Primary text, primary outline-button border, dark CTA text on light surfaces, icon strokes
Secondary dark text, body text on light surfaces
Muted image labels, dim link text, tertiary content
Subheadings, mid-emphasis labels, structural borders on dark sections
Muted helper text, meta labels, link text, badge text, secondary copy
Hairline card borders, image placeholder backgrounds, soft dividers
Page canvas, icon stroke backgrounds, neutral badge fills, base surface
Card surfaces, elevated panels, input fields, button backgrounds
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink on Soft Lilac
8.91 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
