15five. Sunrise over a clean desk.
- Productivity
- Light theme
- 8 colors
- 2 typefaces
15Five pairs warm sunset-toned gradient washes with crisp white product surfaces, producing a brand that feels both human and data-driven. Deep violet headlines set in an editorial serif anchor sections with magazine-like authority, while a geometric sans carries UI chrome and body copy — the two faces create a quiet tension between editorial warmth and operational precision. The palette is deliberately restrained: violet for primary action and emphasis, a peach-to-coral gradient as atmospheric background, and white as the default surface, with chart accents (teal, coral, amber) appearing only inside product screenshots. Buttons are fully pill-shaped, cards use gentle 10–16px radii, and shadows are nearly absent — depth comes from background washes and surface contrast rather than elevation.
15five design system
Brand3
Violet accent for outlined action borders, linked labels, and lightweight interactive emphasis. Do not promote it to the primary CTA color; Deeper atmospheric gradient — a 90° wash from Iris into Midnight Plum used on dark feature panels
Primary body and heading text, outlined action borders — near-black violet that reads as ink rather than as color
Hovered action state, gradient anchor — sits one step brighter than Royal Violet for interaction feedback
Accent1
Orange accent for outlined action borders, linked labels, and lightweight interactive emphasis
Neutrals4
Secondary text, hairline borders, icon stroke — the desaturated violet that forms the neutral system backbone
Mid-stop in warm gradient washes, ghost button fill, soft surface tint
Softest tier of the warm gradient — the first stop in hero and testimonial backgrounds
Page canvas, card surfaces, button text on dark fills, nav background
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
White on Midnight Plum
17.90 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
