Generated from crub/tokens.json. Every panel below is the real token set a site loads — the same values the favicon is rasterised from.
#ece4d3#fbf8f1#1f2a1c#4c4736#6d6653#cabfa6#a99f84#fdfbf6#4a7c3f#2d5a23#fbf8f1#1766aa#67b0f9#14723c#6cc185#8b5900#dd9c42#ae3c38#fb8278#1f2a1c#fbf8f1Eyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 11.81:1 | AA |
| secondary copy | 7.34:1 | AA |
| eyebrows and captions | 4.52:1 | AA |
| links | 6.39:1 | AA |
| the quiet action | 11.81:1 | AA |
| the main action | 4.66:1 | AA |
| info status copy | 4.72:1 | AA |
| success status copy | 4.74:1 | AA |
| warning status copy | 4.71:1 | AA |
| danger status copy | 4.74:1 | AA |
| the focus ring | 6.39:1 | AA |
Eyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 14.08:1 | AA |
| secondary copy | 8.75:1 | AA |
| eyebrows and captions | 5.39:1 | AA |
| links | 7.62:1 | AA |
| the quiet action | 14.08:1 | AA |
| the main action | 4.66:1 | AA |
| info status copy | 5.63:1 | AA |
| success status copy | 5.65:1 | AA |
| warning status copy | 5.61:1 | AA |
| danger status copy | 5.65:1 | AA |
| the focus ring | 7.62:1 | AA |
Eyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 4.66:1 | AA |
| secondary copy | 4.66:1 | AA |
| eyebrows and captions | 4.66:1 | AA |
| links | 4.66:1 | AA |
| the quiet action | 4.66:1 | AA |
| the main action | 6.39:1 | AA |
| the focus ring | 4.66:1 | AA |
Eyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 14.08:1 | AA |
| secondary copy | 14.08:1 | AA |
| eyebrows and captions | 14.08:1 | AA |
| links | 14.08:1 | AA |
| the quiet action | 14.08:1 | AA |
| the main action | 4.66:1 | AA |
| info status copy | 6.51:1 | AA |
| success status copy | 6.83:1 | AA |
| warning status copy | 6.34:1 | AA |
| danger status copy | 6.09:1 | AA |
| the focus ring | 14.08:1 | AA |