Ditto. Sunlit wildflower compliance atelier.
- SaaS
- Light theme
- 9 colors
- 2 typefaces
Ditto uses a sunlit, garden-inspired SaaS language: a warm cream canvas, organic decorative blobs in vivid greens, pinks, and yellows, and a confident pairing of a warm serif (Hedvig Letters) for headlines with a clean grotesque (Inter) for everything else. The deep navy-violet #130e30 carries all structural text and borders, while a single bright yellow #ffe228 powers every primary action — the contrast is so high it reads almost like a highlighter. Components stay lightweight: pill-shaped buttons (1440px radius), generously padded cards on a slightly green-tinted surface (#eff2e5), and minimal elevation. The mood is optimistic and approachable, not corporate or clinical — the floral backdrop shapes, serif headlines, and warm neutrals keep it human.
Ditto design system
Brand2
Primary text color, heading ink, card borders, secondary button fills — near-black violet that adds warmth over pure black
Primary action fill (filled CTA buttons), hero pill backgrounds, accent highlights — bright highlighter yellow with near-black text for maximum contrast
Accent2
Decorative organic shape fill behind hero — warm leaf green used in background blobs, not UI controls
Decorative organic shape fill behind hero — vivid pink used in background blobs, not UI controls
Neutrals5
Logo mark, nav text, input borders, fine stroke details — true black for highest-contrast elements
Secondary dark button text and borders, nav dividers — softer than pure black for dark UI elements
Body text, helper copy, muted icons, subtle borders — cool desaturated gray for secondary information
Card surfaces, nav background, elevated panels, hero backdrop — green-tinted off-white for soft surface separation
Page background, button ghost fills, lightest surface — near-white with slight green-warmth
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Canvas on Deep Ink
17.75 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
