Colors
The brand palette — greens, neutrals, complementary colours and button states.
Greens
6Green is the heart of the brand and the default for any standalone piece — single posts, brand identity, hero content, advertising, deck covers and Notion Business covers. When in doubt, use green.
Click to copy
Ease Alt
Gradient end tone
#E1FFE3
Click to copy
Ease
Hero gradient, Backgrounds, Cards
#A0F5AE
Click to copy
Bloom
Backgrounds, Cards, Button text
#71F08D
Click to copy
Pulse
Text highlight
#07DC5B
Click to copy
Depth
Main text, Buttons, Footer, Sections
#00340D
Click to copy
Shade
Button hover, occasional large backgrounds
#0B1E0F
Neutrals
7The quiet foundation: page and section backgrounds, cards, dividers and secondary text. Halo is the app background, sections sit on White, and Depth carries the text.
Click to copy
Halo
App main background
#F2F4F2
Click to copy
Mist
Backgrounds, Cards, Pills
#DEECDC
Click to copy
Veil
Icon backgrounds, Cards stroke
#D1E2D1
Click to copy
Sage
Cards, Details
#AFCAAF
Click to copy
Stone
Secondary text
#5E6B5F
Click to copy
Root
Hint & help text (small text, AAA contrast)
#405143
Click to copy
White
Section & card backgrounds (Halo is the app bg, sections sit on White)
#FFFFFF
Complementary
6Green is the brand's default colour and always a valid choice. Complementary colours come into play when a piece is part of a visual set: social media carousels and sequences, portfolio sections where multiple pieces coexist on screen, categories within the OS and the template marketplace where each one needs to stand out, and Notion covers in workspaces with multiple differentiated sections. A series of three or more similar elements benefits from using alternative colours.
Base → cards, covers, graphics · Light → status-tag backgrounds · Text → text on the Light background.
Base → cards, covers, graphics · Light → status-tag backgrounds · Text → text on the Light background.
Text on coloured surfaces is always Depth (#00340D). Only if contrast drops below the WCAG-AA minimum of 4.5 : 1 does the text switch to Halo (#F2F4F2).
Buttons
Two button styles. Dark Depth for primary actions on light surfaces, Green Bloom for accent actions. Each darkens through hover and active.