Felt. Moss-green pages, serif headlines, one amber needle.
- SaaS
- Dark theme
- 11 colors
- 4 typefaces
Felt renders as a cartographer's field journal at dusk: a deep mossy-green canvas carries oversized editorial serif headlines that feel pulled from a vintage atlas, while a grotesque sans handles utility text. The warm amber accent appears sparingly — a compass needle against the green — punctuating CTAs, links, and interactive borders without ever flooding the surface. Layout is centered, magazine-like, with generous breathing room and full-width product reveals that feel like fold-out map spreads. The visual rhythm alternates between typographic hero zones and embedded product UI, creating a sense of a working tool rather than a marketing site.
Felt design system
Brand5
Page background, hero sections, dominant canvas — the deep mossy green that carries the entire site and grounds the editorial atmosphere
Mid-green surface for cards, elevated panels, and the topside of the surface stack
Muted green for secondary surfaces, borders on cards, and subtle dividers against the canvas
Deeper green for nested surface layers and inset product UI backgrounds
Primary action — filled CTA buttons, link borders, active link text. The single warm accent that cuts through the green monochrome like a compass needle
Neutrals6
SVG fills, max-contrast elements, and the map marker pin color
Darkest green for the deepest surface layer, code blocks, and high-contrast panels
Text and borders inside the light parchment product UI panels — the dark-on-light text color for embedded app surfaces
Soft warm-tinted gray for badge backgrounds, subtle borders, and muted helper text inside light panels
Light surface for embedded product UI, inset map views, and light-mode panel surfaces against the dark canvas
Primary text, heading color, button text on amber fills, and the dominant border for ghost/outlined controls
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bone White on Moss Canvas
10.92 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
