Lime
$lime-50 #EEFBDE
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-100 #D1F0A7
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-200 #B4E76F
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-300 #95DE2D
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-400 #82C91E
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$lime-500 #74B816
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$lime-600 #67A60F
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$lime-700 #53830E
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$lime-800 #3E620C
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$lime-900 #283E0A
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$lime-950 #1C2C05
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
Blue
$blue-50 #F6FAFE
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-100 #E4F0FB
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-200 #B8D6F4
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-300 #73afea
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$blue-400 #418cd8
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$blue-500 #1f78d1
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$blue-600 #1b69b6
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-700 #17599c
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-800 #134a81
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-900 #0f3b66
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$blue-950 #0a2744
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
Orange
$orange-50 #fffaf4
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-100 #fff1de
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-200 #fed69f
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-300 #fdbc60
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-400 #fca429
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-500 #fc9403
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-600 #de7e00
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$orange-700 #c26700
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$orange-800 #a35200
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$orange-900 #853c00
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$orange-950 #592800
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
Red
$red-50 #fef6f5
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-100 #fbe5e1
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-200 #f2b4a9
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-300 #ea8271
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$red-400 #e05842
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$red-500 #db3b21
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$red-600 #c0341d
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-700 #a62d19
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-800 #8b2615
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-900 #711e11
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$red-950 #4b140b
WCAG Normal Normal
AA
Fail
AA
Pass
WCAG Normal Normal
AA
Fail
AA
Pass
Dark
$night-50 #EBF3FA
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-100 #D1DAE6
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-200 #B1BFCF
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-300 #8A9CB3
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$night-400 #657D99
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$night-500 #435B77
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$night-600 #374B61
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-700 #2E3D4F
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-800 #212D3B
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-900 #15212D
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$night-950 #0E171F
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 #FAFAFA
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-100 #F2F2F2
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-200 #DFDFDF
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-300 #CCCCCC
WCAG Normal
AA
Pass
AA
Fail
WCAG Large
AA
Pass
AA
Fail
$gray-400 #BABABA
WCAG Normal
AA
Fail
AA
Fail
WCAG Large
AA
Pass
AA
Pass
$gray-500 #A7A7A7
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Pass
AA
Pass
$gray-600 #919191
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-700 #707070
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-800 #4F4F4F
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-900 #2E2E2E
WCAG Normal
AA
Fail
AA
Pass
WCAG Large
AA
Fail
AA
Pass
$gray-950 #1F1F1F
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 Category Font Weight Size Case Letter spacing

H1

Light 96 Sentence -1.5

H2

Light 60 Sentence -0.5

H3

Regular 48 Sentence 0

H4

Regular 34 Sentence 0.25
H5
Regular 24 Sentence 0
H6
Medium 20 Sentence 0.15

Subtitle 1

Regular 16 Sentence 0.15

Subtitle 2

Medium 14 Sentence 0.1

Body 1

Regular 16 Sentence 0

Body 2

Regular 14 Sentence 0

Button

Medium 14 Sentence 0.5

Caption

Regular 12 Sentence 0.4

Overline

Regular 10 All Caps 1.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