Airtable. Warm workshop with color-coded chapters.
- SaaS
- Light theme
- 19 colors
- 2 typefaces
Airtable presents as a warm, editorial workspace rather than a cold SaaS dashboard. The canvas is a soft cream parchment (#faf5e8) — never stark white — which gives the whole site a paper-like, almost printed feel. Typography is bold and unapologetic: a custom display face at near-900 weight for hero headlines pairs with a workhorse sans for body and UI. Buttons are pure black, not the expected brand-blue, giving the page an architectural, almost print-publication confidence. The signature move is color-coded feature cards — each use case gets its own saturated hue (terracotta, deep blue, forest green, peach, pink) functioning as chapter dividers in a visual catalog. The overall effect is a creative studio notebook: warm, organized, opinionated, and human.
Airtable design system
Accent10
Blue supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Violet supporting accent for decorative details and low-frequency emphasis.
Orange supporting accent for decorative details and low-frequency emphasis.
Dark terracotta variant for card backgrounds and text on warm sections
Soft warm wash for highlight panels, accent backgrounds
Green supporting accent for decorative details and low-frequency emphasis.
Secondary green text and border accents on green-themed sections
Playful accent for tags, category chips, illustration color
Warm accent for badges, tag chips, category highlights
Light supporting surface for subtle backgrounds and section separation
Neutrals9
Deepest heading text, near-black with cool bias for maximum editorial weight
Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color
Body text, secondary text levels, border accents — the workhorse dark neutral
Muted text, sub-labels, less prominent body copy
Placeholder text, disabled states, low-emphasis labels
Hairline dividers, card borders, subtle structural separators
Page canvas — the warm off-white that defines the entire site's atmosphere, replacing standard pure-white backgrounds
Alternate light surface for nested elements, subtle nav backgrounds
Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Pure White on Cobalt Blue
5.83 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
