Fastmail

Fastmail's brand palette, captured directly from the live marketing site (fastmail.com) where the design system exposes a comprehensive named-color token surface on the document root. Fastmail's identity is built on a confident corporate Blue (#0067B9) as the primary action color, a Deep Blue navy (#243959) as the brand-anchor "trust" hue used for the footer canvas, a warm Mellow Yellow (#FBF7EF) page surface, and a four- color "flag" gradient (Pink, Blue, Light Blue, Yellow) that appears as the footer separator.

20 swatches 16 light roles 15 dark roles fastmailemailbrandbluenavyprofessional

Swatches

fastmail-blue
#0067B9
Fastmail's primary action / CTA color — the dominant brand blue used for buttons, links, and primary affordances across the marketing site and product.
fastmail-blue-hover
#176BAD
Hover variant on the primary CTA.
fastmail-blue-active
#296B9F
Pressed / active state of the primary blue.
fastmail-deep-blue
#243959
The navy "trust" hue used as the footer background and as the brand-anchor identity color in marketing surfaces. Reads as "secure, established" against the lighter primary blue.
fastmail-lightblue
#69B3E7
The mid-light blue used in the footer flag-gradient and as the focus-ring / outline color on buttons.
fastmail-mellow-yellow
#FBF7EF
The warm off-white "mellow" surface — a paper-toned canvas used on marketing modules as the calm alternative to pure white.
fastmail-yellow
#FFC107
The saturated yellow used in the footer flag-gradient and for highlight accents.
fastmail-pink
#FFA0C3
The blush-pink accent that opens the footer flag-gradient — a softer, warmer counterpoint to the dominant blues.
fastmail-text
#1B1E20
Primary body-text color — a soft near-black with a slight cool tint that pairs with the deep-blue brand anchor.
fastmail-text-alt
#333E48
Alternate heading/text on lighter surfaces.
fastmail-text-subtle
#5B646C
Subtle/secondary text on light surfaces.
fastmail-text-extra-subtle
#70777E
Tertiary text and inactive labels.
fastmail-border-light
#EAEBEC
Light border / divider on white surfaces.
fastmail-border-medium
#D6D8DA
Mid-tone border on cards and inputs.
fastmail-bg-alt
#F4F5F5
Alternate page-background tint (faint neutral surface).
fastmail-bg-focused
#E9EBEE
Selected / focused row tint.
fastmail-white
#FFFFFF
Base page background.
fastmail-success
#147B33
Success / send-confirmed (ui-color-successgreen-100).
fastmail-error
#B9031F
Error / destructive (ui-color-criticalred-100).
fastmail-warning
#CA3C08
Warning / snooze (ui-color-snoozeorange-100).

Mode role mappings

Light mode (16 roles)

accent → fastmail-blue
accent-hover → fastmail-blue-active
background → fastmail-white
border → fastmail-border-light
error → fastmail-error
primary → fastmail-blue
primary-hover → fastmail-blue-hover
success → fastmail-success
surface → fastmail-bg-alt
surface-elevated → fastmail-white
surface-warm → fastmail-mellow-yellow
text-primary → fastmail-text
text-secondary → fastmail-text-subtle
text-tertiary → fastmail-text-extra-subtle
warning → fastmail-warning
warning-hover → fastmail-warning

Dark mode (15 roles)

accent → fastmail-lightblue
accent-hover → fastmail-blue
background → fastmail-deep-blue
border → fastmail-text-subtle
error → fastmail-error
primary → fastmail-lightblue
primary-hover → fastmail-blue
success → fastmail-success
surface → fastmail-text-alt
surface-elevated → fastmail-text-subtle
text-primary → fastmail-white
text-secondary → fastmail-border-light
text-tertiary → fastmail-border-medium
warning → fastmail-warning
warning-hover → fastmail-warning

Provenance

Source
https://www.fastmail.com/
License
Proprietary — All Rights Reserved
Attribution
Fastmail and the Fastmail wordmark are trademarks of Fastmail Pty Ltd. Palette values captured from the deployed stylesheet on fastmail.com on 2026-05-18 — the marketing site exposes a comprehensive brand token surface (--brand-color-*, --theme-*, --ui-color-* families) on the document root.
Imported
2026-05-18
Notes
Derived from live site CSS at https://www.fastmail.com on 2026-05-18; no public brand guide located. Token names mirror Fastmail's internal naming as exposed on the live site. The brand uses Proxima Nova as the primary typeface (referenced here only as a substitution note — the proprietary licensing is owned by Mark Simonson Studio, not by Fastmail).