Adaline. Warm linen pages, sage ink annotations, and tracked mono tags.
- AI
- Light theme
- 19 colors
- 6 typefaces
Adaline operates as a naturalist's field journal beside a developer terminal: warm linen canvas, sage-green annotations, and a single literary serif headline anchoring the top of the page. Color is used sparingly and organically — dark forest ink carries body text and CTA fills, while muted sage, teal, and crimson appear as specimen-card backgrounds and category labels rather than as flat accent washes. The type system pairs a neo-grotesque workhorse (Akkurat) with a whisper-light editorial serif (Newsreader) and a tracked monospace (Fragment Mono) that acts as field-note tagging across badges, buttons, and inline labels. Surfaces are flat with hairline borders instead of shadows; photography appears as full-bleed landscape plates between content sections, turning the page into a sequence of specimen sheets rather than dashboard panels.
Adaline design system
Brand3
Gray text accent for links, tags, and emphasized short phrases. Do not promote it to the primary CTA color
Headings at large sizes, high-contrast body text, hover states on filled buttons
Decorative icon accent, badge fills, subtle wash backgrounds on spec cards
Accent3
Secondary category fills, alt-card backgrounds, tonal pair with the dominant greens
Red text accent for links, tags, and emphasized short phrases. Use as a supporting accent, not as a status color
Yellow wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Use as a supporting accent, not as a status color
Neutrals13
Inverse surface for footer and dark bands, modal scrims
Secondary body text, supporting copy, icon strokes
Decorative alt-card surface, soft cool counterpoint to the sage family
Decorative alt-card background, warm-tonal specimen
Decorative card surface, tertiary alt fill
Muted helper text, disabled labels, low-emphasis metadata
Outlined-button border color, link underlines, specimen-card borders
Soft surface tints, category tag backgrounds, hover wash
Decorative alt-card background, tonal contrast specimen
Hairline borders, card outlines, separator strokes
Card surface, elevated panels, subtle inset containers
Page canvas, default surface — warm off-white with a faint green cast
Surface-highest token, used for elevated card layers above Linen
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Surface Glow on Forest Ink
17.40 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
