Lime
$lime-50 #f7fee7
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-100 #ecfccb
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-200 #d9f99d
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-300 #bef264
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-400 #a3e635
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-500 #82c91e
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$lime-600 #65a30d
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$lime-700 #4d7c0f
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$lime-800 #3f6212
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$lime-900 #365314
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$lime-950 #283e0f
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
Blue
$blue-50 #eff7ff
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-100 #ddedfe
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-200 #bddffe
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-300 #8bcafd
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-400 #52adf9
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$blue-500 #2b8ef1
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$blue-600 #196fde
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-700 #1457c5
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-800 #1649a0
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-900 #184080
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-950 #123060
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
Orange
$orange-50 #fffbeb
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-100 #fef3c7
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-200 #fde68a
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-300 #fcd34d
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-400 #fbbf24
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-500 #f59e0b
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-600 #d97706
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-700 #b45309
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$orange-800 #92400e
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$orange-900 #78350f
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$orange-950 #5a280b
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
Red
$red-50 #fef2f2
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-100 #fee2e2
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-200 #fecaca
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-300 #fca5a5
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-400 #f87171
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$red-500 #ef4444
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$red-600 #dc2626
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-700 #b91c1c
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-800 #991b1b
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-900 #7f1d1d
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-950 #5f1616
WCAG Normal Normal
AA
Fail
AA
Pass
WCAG Normal Normal
AA
Fail
AA
Pass
Dark
$night-50 #f8fafc
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-100 #f1f5f9
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-200 #e2e8f0
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-300 #cbd5e1
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-400 #94a3b8
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$night-500 #64748b
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$night-600 #475569
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-700 #334155
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-800 #1e293b
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-900 #0f172a
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-950 #0b1120
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass

The dark palette is primarily used for interfaces that are adapting a night theme. Shades of it can be used as backgrounds, borders, and shadows to emphasise certain areas or set them apart.

Gray
$gray-50 #f9fafb
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-100 #f3f4f6
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-200 #e5e7eb
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-300 #d1d5db
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-400 #9ca3af
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$gray-500 #6b7280
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$gray-600 #4b5563
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-700 #374151
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-800 #1f2937
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-900 #111827
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-950 #0d121d
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass

The neutral palette is primarily used within components to help differentiate hierarchy. Shades of gray can be used as backgrounds, borders, and shadows to emphasise certain areas or set them apart.

Scale CategoryFont WeightSizeCaseLetter spacing

H1

Light96Sentence-1.5

H2

Light60Sentence-0.5

H3

Regular48Sentence0

H4

Regular34Sentence0.25
H5
Regular24Sentence0
H6
Medium20Sentence0.15

Subtitle 1

Regular16Sentence0.15

Subtitle 2

Medium14Sentence0.1

Body 1

Regular16Sentence0

Body 2

Regular14Sentence0

Button

Medium14Sentence0.5

Caption

Regular12Sentence0.4

Overline

Regular10All Caps1.5
Links
This is a paragraph with a Link.

In paragraphs (not UI components) links are underlined for accessibility reasons.

Monospace

briar://adotxjsvndqs5olgvplspnyhaptdsaewfsddfcwasrfredj98jidhnbfsicnjdfngksdhujnlglahnd

In some cases (such as code snippets or contact links) a mono space typeface is required. We use Roboto Mono with a slightly darker or lighter shade background to distinguish the snippet from other text.

Chat Doodles Black

Chat Doodles Black

Chat Doodles Subtle

Chat Doodles Subtle

Chat Doodles Subtle Dark

Chat Doodles Subtle Dark

Chat Doodles Subtle Lime Dark

Chat Doodles Subtle Lime Dark