Kobbe. Harbor sketch, quiet ledger.
- SaaS
- Light theme
- 5 colors
- 1 typeface
Kobbe is a warm, low-contrast analytics site where small editorial annotations sit to the left of larger feature statements. Chalk Paper #faf9f8 carries Charcoal Ink #2b2b2b, with Warm Mist #f5f3f0 panels and Stone Rule #e4e2dd separators. Switzer stays mostly at weight 500, reaching 48px with -1.2px tracking in the hero; the supporting copy is softer Pebble Gray #75736e. Product screenshots sit in gently lifted frames, while hand-drawn people along a quay and a watercolor village give the otherwise precise software presentation its human character.
Kobbe design system
Brand1
Headlines, primary action fills, navigation and small interface marks throughout the warm analytics presentation.
Neutrals4
Full-page warm canvas and reversed primary-button labels; retain its slight warmth instead of pure white.
Secondary buttons, integration tiles, pricing cards and broad product-image backdrops.
Supporting paragraphs, footer links and low-emphasis captions beside the darker feature statements.
Fine pricing, feature-list and FAQ dividers that organize content without boxed cards.
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Chalk Paper on Charcoal Ink
13.46 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
