Apollo. Editorial warmth over corporate coldness.
- SaaS
- Light theme
- 12 colors
- 4 typefaces
Apollo's visual language is a sun-baked editorial workspace: warm limestone canvas, cream card surfaces, and a single electric yellow-green that functions like a highlighter on paper. The design is deliberately flat — no shadows, no gradients, just clean borders and generous whitespace. Typography does the heavy lifting: a confident medium-weight display serif (Season Mix at 550) commands headlines while a workhorse neo-grotesque (Soehne) handles everything else. Color is rationed aggressively: pages read almost monochrome with the vivid chartreuse appearing only on primary actions and the Apollo star logo, making those moments feel switched on. The overall impression is a premium B2B tool that doesn't try to look like a B2B tool — closer to a design magazine layout than a SaaS dashboard.
Apollo design system
Brand3
Display heading accent — muted violet that signals editorial personality without breaking the monochromatic discipline
Green wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color
Alternate CTA background variant — slightly warmer yellow-green used on specific button instances
Neutrals9
Headlines, high-contrast text, icon strokes, and button text on light surfaces
Primary body text and input values — softer than pure black for extended reading
Decorative SVG fills, secondary icon strokes — warm dark that matches the palette's earthiness
Secondary body text, muted descriptions, and inactive link states
Subtle borders for less prominent structural elements
Page canvas and footer background — warm gray that prevents the UI from feeling sterile
Hairline borders, input outlines, divider lines — the structural grid of the entire interface
Card surfaces and button backgrounds — warm cream that lifts cards off the limestone canvas
Elevated card surfaces and overlay panels — pure white for contrast against the warm canvas
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper on Twilight Indigo
11.27 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
