Aller au contenu

SVG Stroke Colors

Ce contenu n’est pas encore disponible dans votre langue.

This page lists all SVG Stroke Colors CSS custom properties and utility classes available in the OxyProps Framework

No Stroke

Description	Utility Class
No stroke (transparent).	`o-nostroke`

Responsive SVG Stroke Colors

Chromatic Responsive Colors

Description	CSS Variable	Utility Class	Sample
Brand responsive color.	`--o-brand`	`o-stroke-brand`
Accent responsive color.	`--o-accent`	`o-stroke-accent`
Links responsive color.	`--o-links`	`o-stroke-links`
Visited responsive color.	`--o-visited`	`o-stroke-visited`

Neutral Responsive Colors

Description	CSS Variable	Utility Class	Sample
Text 1 responsive color.	`--o-text-1`	`o-stroke-text-1`
Text 2 responsive color.	`--o-text-2`	`o-stroke-text-2`
Surface 1 responsive color.	`--o-surface-1`	`o-stroke-surface-1`
Surface 2 responsive color.	`--o-surface-2`	`o-stroke-surface-2`
Surface 3 responsive color.	`--o-surface-3`	`o-stroke-surface-3`
Surface 4 responsive color.	`--o-surface-4`	`o-stroke-surface-4`

Fixed Text Colors

Canvas (Neutral)

Shade	CSS Variable	Utility Class	Sample
000	`--o-canvas-000`	`o-stroke-canvas-000`
015	`--o-canvas-015`	`o-stroke-canvas-015`
025	`--o-canvas-025`	`o-stroke-canvas-025`
050	`--o-canvas-050`	`o-stroke-canvas-050`
075	`--o-canvas-075`	`o-stroke-canvas-075`
085	`--o-canvas-085`	`o-stroke-canvas-085`
100	`--o-canvas-100`	`o-stroke-canvas-100`
200	`--o-canvas-200`	`o-stroke-canvas-200`
300	`--o-canvas-300`	`o-stroke-canvas-300`
400	`--o-canvas-400`	`o-stroke-canvas-400`
500	`--o-canvas-500`	`o-stroke-canvas-500`
600	`--o-canvas-600`	`o-stroke-canvas-600`
700	`--o-canvas-700`	`o-stroke-canvas-700`
800	`--o-canvas-800`	`o-stroke-canvas-800`
900	`--o-canvas-900`	`o-stroke-canvas-900`
1000	`--o-canvas-1000`	`o-stroke-canvas-1000`

Brand

Shade	CSS Variable	Utility Class	Sample
000	`--o-brand-000`	`o-stroke-brand-000`
015	`--o-brand-015`	`o-stroke-brand-015`
025	`--o-brand-025`	`o-stroke-brand-025`
050	`--o-brand-050`	`o-stroke-brand-050`
075	`--o-brand-075`	`o-stroke-brand-075`
085	`--o-brand-085`	`o-stroke-brand-085`
100	`--o-brand-100`	`o-stroke-brand-100`
200	`--o-brand-200`	`o-stroke-brand-200`
300	`--o-brand-300`	`o-stroke-brand-300`
400	`--o-brand-400`	`o-stroke-brand-400`
500	`--o-brand-500`	`o-stroke-brand-500`
600	`--o-brand-600`	`o-stroke-brand-600`
700	`--o-brand-700`	`o-stroke-brand-700`
800	`--o-brand-800`	`o-stroke-brand-800`
900	`--o-brand-900`	`o-stroke-brand-900`
1000	`--o-brand-1000`	`o-stroke-brand-1000`

Accent

Shade	CSS Variable	Utility Class	Sample
000	`--o-accent-000`	`o-stroke-accent-000`
015	`--o-accent-015`	`o-stroke-accent-015`
025	`--o-accent-025`	`o-stroke-accent-025`
050	`--o-accent-050`	`o-stroke-accent-050`
075	`--o-accent-075`	`o-stroke-accent-075`
085	`--o-accent-085`	`o-stroke-accent-085`
100	`--o-accent-100`	`o-stroke-accent-100`
200	`--o-accent-200`	`o-stroke-accent-200`
300	`--o-accent-300`	`o-stroke-accent-300`
400	`--o-accent-400`	`o-stroke-accent-400`
500	`--o-accent-500`	`o-stroke-accent-500`
600	`--o-accent-600`	`o-stroke-accent-600`
700	`--o-accent-700`	`o-stroke-accent-700`
800	`--o-accent-800`	`o-stroke-accent-800`
900	`--o-accent-900`	`o-stroke-accent-900`
1000	`--o-accent-1000`	`o-stroke-accent-1000`

Links

Shade	CSS Variable	Utility Class	Sample
000	`--o-links-000`	`o-stroke-links-000`
015	`--o-links-015`	`o-stroke-links-015`
025	`--o-links-025`	`o-stroke-links-025`
050	`--o-links-050`	`o-stroke-links-050`
075	`--o-links-075`	`o-stroke-links-075`
085	`--o-links-085`	`o-stroke-links-085`
100	`--o-links-100`	`o-stroke-links-100`
200	`--o-links-200`	`o-stroke-links-200`
300	`--o-links-300`	`o-stroke-links-300`
400	`--o-links-400`	`o-stroke-links-400`
500	`--o-links-500`	`o-stroke-links-500`
600	`--o-links-600`	`o-stroke-links-600`
700	`--o-links-700`	`o-stroke-links-700`
800	`--o-links-800`	`o-stroke-links-800`
900	`--o-links-900`	`o-stroke-links-900`
1000	`--o-links-1000`	`o-stroke-links-1000`

Visited

Shade	CSS Variable	Utility Class	Sample
000	`--o-visited-000`	`o-stroke-visited-000`
015	`--o-visited-015`	`o-stroke-visited-015`
025	`--o-visited-025`	`o-stroke-visited-025`
050	`--o-visited-050`	`o-stroke-visited-050`
075	`--o-visited-075`	`o-stroke-visited-075`
085	`--o-visited-085`	`o-stroke-visited-085`
100	`--o-visited-100`	`o-stroke-visited-100`
200	`--o-visited-200`	`o-stroke-visited-200`
300	`--o-visited-300`	`o-stroke-visited-300`
400	`--o-visited-400`	`o-stroke-visited-400`
500	`--o-visited-500`	`o-stroke-visited-500`
600	`--o-visited-600`	`o-stroke-visited-600`
700	`--o-visited-700`	`o-stroke-visited-700`
800	`--o-visited-800`	`o-stroke-visited-800`
900	`--o-visited-900`	`o-stroke-visited-900`
1000	`--o-visited-1000`	`o-stroke-visited-1000`

Mole

Shade	CSS Variable	Utility Class	Sample
000	`--o-mole-000`	`o-stroke-mole-000`
015	`--o-mole-015`	`o-stroke-mole-015`
025	`--o-mole-025`	`o-stroke-mole-025`
050	`--o-mole-050`	`o-stroke-mole-050`
075	`--o-mole-075`	`o-stroke-mole-075`
085	`--o-mole-085`	`o-stroke-mole-085`
100	`--o-mole-100`	`o-stroke-mole-100`
200	`--o-mole-200`	`o-stroke-mole-200`
300	`--o-mole-300`	`o-stroke-mole-300`
400	`--o-mole-400`	`o-stroke-mole-400`
500	`--o-mole-500`	`o-stroke-mole-500`
600	`--o-mole-600`	`o-stroke-mole-600`
700	`--o-mole-700`	`o-stroke-mole-700`
800	`--o-mole-800`	`o-stroke-mole-800`
900	`--o-mole-900`	`o-stroke-mole-900`
1000	`--o-mole-1000`	`o-stroke-mole-1000`

Lead

Shade	CSS Variable	Utility Class	Sample
000	`--o-lead-000`	`o-stroke-lead-000`
015	`--o-lead-015`	`o-stroke-lead-015`
025	`--o-lead-025`	`o-stroke-lead-025`
050	`--o-lead-050`	`o-stroke-lead-050`
075	`--o-lead-075`	`o-stroke-lead-075`
085	`--o-lead-085`	`o-stroke-lead-085`
100	`--o-lead-100`	`o-stroke-lead-100`
200	`--o-lead-200`	`o-stroke-lead-200`
300	`--o-lead-300`	`o-stroke-lead-300`
400	`--o-lead-400`	`o-stroke-lead-400`
500	`--o-lead-500`	`o-stroke-lead-500`
600	`--o-lead-600`	`o-stroke-lead-600`
700	`--o-lead-700`	`o-stroke-lead-700`
800	`--o-lead-800`	`o-stroke-lead-800`
900	`--o-lead-900`	`o-stroke-lead-900`
1000	`--o-lead-1000`	`o-stroke-lead-1000`

Pipe

Shade	CSS Variable	Utility Class	Sample
000	`--o-pipe-000`	`o-stroke-pipe-000`
015	`--o-pipe-015`	`o-stroke-pipe-015`
025	`--o-pipe-025`	`o-stroke-pipe-025`
050	`--o-pipe-050`	`o-stroke-pipe-050`
075	`--o-pipe-075`	`o-stroke-pipe-075`
085	`--o-pipe-085`	`o-stroke-pipe-085`
100	`--o-pipe-100`	`o-stroke-pipe-100`
200	`--o-pipe-200`	`o-stroke-pipe-200`
300	`--o-pipe-300`	`o-stroke-pipe-300`
400	`--o-pipe-400`	`o-stroke-pipe-400`
500	`--o-pipe-500`	`o-stroke-pipe-500`
600	`--o-pipe-600`	`o-stroke-pipe-600`
700	`--o-pipe-700`	`o-stroke-pipe-700`
800	`--o-pipe-800`	`o-stroke-pipe-800`
900	`--o-pipe-900`	`o-stroke-pipe-900`
1000	`--o-pipe-1000`	`o-stroke-pipe-1000`

Denim

Shade	CSS Variable	Utility Class	Sample
000	`--o-denim-000`	`o-stroke-denim-000`
015	`--o-denim-015`	`o-stroke-denim-015`
025	`--o-denim-025`	`o-stroke-denim-025`
050	`--o-denim-050`	`o-stroke-denim-050`
075	`--o-denim-075`	`o-stroke-denim-075`
085	`--o-denim-085`	`o-stroke-denim-085`
100	`--o-denim-100`	`o-stroke-denim-100`
200	`--o-denim-200`	`o-stroke-denim-200`
300	`--o-denim-300`	`o-stroke-denim-300`
400	`--o-denim-400`	`o-stroke-denim-400`
500	`--o-denim-500`	`o-stroke-denim-500`
600	`--o-denim-600`	`o-stroke-denim-600`
700	`--o-denim-700`	`o-stroke-denim-700`
800	`--o-denim-800`	`o-stroke-denim-800`
900	`--o-denim-900`	`o-stroke-denim-900`
1000	`--o-denim-1000`	`o-stroke-denim-1000`

Grey

Shade	CSS Variable	Utility Class	Sample
000	`--o-grey-000`	`o-stroke-grey-000`
015	`--o-grey-015`	`o-stroke-grey-015`
025	`--o-grey-025`	`o-stroke-grey-025`
050	`--o-grey-050`	`o-stroke-grey-050`
075	`--o-grey-075`	`o-stroke-grey-075`
085	`--o-grey-085`	`o-stroke-grey-085`
100	`--o-grey-100`	`o-stroke-grey-100`
200	`--o-grey-200`	`o-stroke-grey-200`
300	`--o-grey-300`	`o-stroke-grey-300`
400	`--o-grey-400`	`o-stroke-grey-400`
500	`--o-grey-500`	`o-stroke-grey-500`
600	`--o-grey-600`	`o-stroke-grey-600`
700	`--o-grey-700`	`o-stroke-grey-700`
800	`--o-grey-800`	`o-stroke-grey-800`
900	`--o-grey-900`	`o-stroke-grey-900`
1000	`--o-grey-1000`	`o-stroke-grey-1000`

Slate

Shade	CSS Variable	Utility Class	Sample
000	`--o-slate-000`	`o-stroke-slate-000`
015	`--o-slate-015`	`o-stroke-slate-015`
025	`--o-slate-025`	`o-stroke-slate-025`
050	`--o-slate-050`	`o-stroke-slate-050`
075	`--o-slate-075`	`o-stroke-slate-075`
085	`--o-slate-085`	`o-stroke-slate-085`
100	`--o-slate-100`	`o-stroke-slate-100`
200	`--o-slate-200`	`o-stroke-slate-200`
300	`--o-slate-300`	`o-stroke-slate-300`
400	`--o-slate-400`	`o-stroke-slate-400`
500	`--o-slate-500`	`o-stroke-slate-500`
600	`--o-slate-600`	`o-stroke-slate-600`
700	`--o-slate-700`	`o-stroke-slate-700`
800	`--o-slate-800`	`o-stroke-slate-800`
900	`--o-slate-900`	`o-stroke-slate-900`
1000	`--o-slate-1000`	`o-stroke-slate-1000`

Zinc

Shade	CSS Variable	Utility Class	Sample
000	`--o-zinc-000`	`o-stroke-zinc-000`
015	`--o-zinc-015`	`o-stroke-zinc-015`
025	`--o-zinc-025`	`o-stroke-zinc-025`
050	`--o-zinc-050`	`o-stroke-zinc-050`
075	`--o-zinc-075`	`o-stroke-zinc-075`
085	`--o-zinc-085`	`o-stroke-zinc-085`
100	`--o-zinc-100`	`o-stroke-zinc-100`
200	`--o-zinc-200`	`o-stroke-zinc-200`
300	`--o-zinc-300`	`o-stroke-zinc-300`
400	`--o-zinc-400`	`o-stroke-zinc-400`
500	`--o-zinc-500`	`o-stroke-zinc-500`
600	`--o-zinc-600`	`o-stroke-zinc-600`
700	`--o-zinc-700`	`o-stroke-zinc-700`
800	`--o-zinc-800`	`o-stroke-zinc-800`
900	`--o-zinc-900`	`o-stroke-zinc-900`
1000	`--o-zinc-1000`	`o-stroke-zinc-1000`

Steel

Shade	CSS Variable	Utility Class	Sample
000	`--o-steel-000`	`o-stroke-steel-000`
015	`--o-steel-015`	`o-stroke-steel-015`
025	`--o-steel-025`	`o-stroke-steel-025`
050	`--o-steel-050`	`o-stroke-steel-050`
075	`--o-steel-075`	`o-stroke-steel-075`
085	`--o-steel-085`	`o-stroke-steel-085`
100	`--o-steel-100`	`o-stroke-steel-100`
200	`--o-steel-200`	`o-stroke-steel-200`
300	`--o-steel-300`	`o-stroke-steel-300`
400	`--o-steel-400`	`o-stroke-steel-400`
500	`--o-steel-500`	`o-stroke-steel-500`
600	`--o-steel-600`	`o-stroke-steel-600`
700	`--o-steel-700`	`o-stroke-steel-700`
800	`--o-steel-800`	`o-stroke-steel-800`
900	`--o-steel-900`	`o-stroke-steel-900`
1000	`--o-steel-1000`	`o-stroke-steel-1000`

Iron

Shade	CSS Variable	Utility Class	Sample
000	`--o-iron-000`	`o-stroke-iron-000`
015	`--o-iron-015`	`o-stroke-iron-015`
025	`--o-iron-025`	`o-stroke-iron-025`
050	`--o-iron-050`	`o-stroke-iron-050`
075	`--o-iron-075`	`o-stroke-iron-075`
085	`--o-iron-085`	`o-stroke-iron-085`
100	`--o-iron-100`	`o-stroke-iron-100`
200	`--o-iron-200`	`o-stroke-iron-200`
300	`--o-iron-300`	`o-stroke-iron-300`
400	`--o-iron-400`	`o-stroke-iron-400`
500	`--o-iron-500`	`o-stroke-iron-500`
600	`--o-iron-600`	`o-stroke-iron-600`
700	`--o-iron-700`	`o-stroke-iron-700`
800	`--o-iron-800`	`o-stroke-iron-800`
900	`--o-iron-900`	`o-stroke-iron-900`
1000	`--o-iron-1000`	`o-stroke-iron-1000`

Red

Shade	CSS Variable	Utility Class	Sample
000	`--o-red-000`	`o-stroke-red-000`
015	`--o-red-015`	`o-stroke-red-015`
025	`--o-red-025`	`o-stroke-red-025`
050	`--o-red-050`	`o-stroke-red-050`
075	`--o-red-075`	`o-stroke-red-075`
085	`--o-red-085`	`o-stroke-red-085`
100	`--o-red-100`	`o-stroke-red-100`
200	`--o-red-200`	`o-stroke-red-200`
300	`--o-red-300`	`o-stroke-red-300`
400	`--o-red-400`	`o-stroke-red-400`
500	`--o-red-500`	`o-stroke-red-500`
600	`--o-red-600`	`o-stroke-red-600`
700	`--o-red-700`	`o-stroke-red-700`
800	`--o-red-800`	`o-stroke-red-800`
900	`--o-red-900`	`o-stroke-red-900`
1000	`--o-red-1000`	`o-stroke-red-1000`

Orange

Shade	CSS Variable	Utility Class	Sample
000	`--o-orange-000`	`o-stroke-orange-000`
015	`--o-orange-015`	`o-stroke-orange-015`
025	`--o-orange-025`	`o-stroke-orange-025`
050	`--o-orange-050`	`o-stroke-orange-050`
075	`--o-orange-075`	`o-stroke-orange-075`
085	`--o-orange-085`	`o-stroke-orange-085`
100	`--o-orange-100`	`o-stroke-orange-100`
200	`--o-orange-200`	`o-stroke-orange-200`
300	`--o-orange-300`	`o-stroke-orange-300`
400	`--o-orange-400`	`o-stroke-orange-400`
500	`--o-orange-500`	`o-stroke-orange-500`
600	`--o-orange-600`	`o-stroke-orange-600`
700	`--o-orange-700`	`o-stroke-orange-700`
800	`--o-orange-800`	`o-stroke-orange-800`
900	`--o-orange-900`	`o-stroke-orange-900`
1000	`--o-orange-1000`	`o-stroke-orange-1000`

Ochre

Shade	CSS Variable	Utility Class	Sample
000	`--o-ochre-000`	`o-stroke-ochre-000`
015	`--o-ochre-015`	`o-stroke-ochre-015`
025	`--o-ochre-025`	`o-stroke-ochre-025`
050	`--o-ochre-050`	`o-stroke-ochre-050`
075	`--o-ochre-075`	`o-stroke-ochre-075`
085	`--o-ochre-085`	`o-stroke-ochre-085`
100	`--o-ochre-100`	`o-stroke-ochre-100`
200	`--o-ochre-200`	`o-stroke-ochre-200`
300	`--o-ochre-300`	`o-stroke-ochre-300`
400	`--o-ochre-400`	`o-stroke-ochre-400`
500	`--o-ochre-500`	`o-stroke-ochre-500`
600	`--o-ochre-600`	`o-stroke-ochre-600`
700	`--o-ochre-700`	`o-stroke-ochre-700`
800	`--o-ochre-800`	`o-stroke-ochre-800`
900	`--o-ochre-900`	`o-stroke-ochre-900`
1000	`--o-ochre-1000`	`o-stroke-ochre-1000`

Gold

Shade	CSS Variable	Utility Class	Sample
000	`--o-gold-000`	`o-stroke-gold-000`
015	`--o-gold-015`	`o-stroke-gold-015`
025	`--o-gold-025`	`o-stroke-gold-025`
050	`--o-gold-050`	`o-stroke-gold-050`
075	`--o-gold-075`	`o-stroke-gold-075`
085	`--o-gold-085`	`o-stroke-gold-085`
100	`--o-gold-100`	`o-stroke-gold-100`
200	`--o-gold-200`	`o-stroke-gold-200`
300	`--o-gold-300`	`o-stroke-gold-300`
400	`--o-gold-400`	`o-stroke-gold-400`
500	`--o-gold-500`	`o-stroke-gold-500`
600	`--o-gold-600`	`o-stroke-gold-600`
700	`--o-gold-700`	`o-stroke-gold-700`
800	`--o-gold-800`	`o-stroke-gold-800`
900	`--o-gold-900`	`o-stroke-gold-900`
1000	`--o-gold-1000`	`o-stroke-gold-1000`

Yellow

Shade	CSS Variable	Utility Class	Sample
000	`--o-yellow-000`	`o-stroke-yellow-000`
015	`--o-yellow-015`	`o-stroke-yellow-015`
025	`--o-yellow-025`	`o-stroke-yellow-025`
050	`--o-yellow-050`	`o-stroke-yellow-050`
075	`--o-yellow-075`	`o-stroke-yellow-075`
085	`--o-yellow-085`	`o-stroke-yellow-085`
100	`--o-yellow-100`	`o-stroke-yellow-100`
200	`--o-yellow-200`	`o-stroke-yellow-200`
300	`--o-yellow-300`	`o-stroke-yellow-300`
400	`--o-yellow-400`	`o-stroke-yellow-400`
500	`--o-yellow-500`	`o-stroke-yellow-500`
600	`--o-yellow-600`	`o-stroke-yellow-600`
700	`--o-yellow-700`	`o-stroke-yellow-700`
800	`--o-yellow-800`	`o-stroke-yellow-800`
900	`--o-yellow-900`	`o-stroke-yellow-900`
1000	`--o-yellow-1000`	`o-stroke-yellow-1000`

Lime

Shade	CSS Variable	Utility Class	Sample
000	`--o-lime-000`	`o-stroke-lime-000`
015	`--o-lime-015`	`o-stroke-lime-015`
025	`--o-lime-025`	`o-stroke-lime-025`
050	`--o-lime-050`	`o-stroke-lime-050`
075	`--o-lime-075`	`o-stroke-lime-075`
085	`--o-lime-085`	`o-stroke-lime-085`
100	`--o-lime-100`	`o-stroke-lime-100`
200	`--o-lime-200`	`o-stroke-lime-200`
300	`--o-lime-300`	`o-stroke-lime-300`
400	`--o-lime-400`	`o-stroke-lime-400`
500	`--o-lime-500`	`o-stroke-lime-500`
600	`--o-lime-600`	`o-stroke-lime-600`
700	`--o-lime-700`	`o-stroke-lime-700`
800	`--o-lime-800`	`o-stroke-lime-800`
900	`--o-lime-900`	`o-stroke-lime-900`
1000	`--o-lime-1000`	`o-stroke-lime-1000`

Green

Shade	CSS Variable	Utility Class	Sample
000	`--o-green-000`	`o-stroke-green-000`
015	`--o-green-015`	`o-stroke-green-015`
025	`--o-green-025`	`o-stroke-green-025`
050	`--o-green-050`	`o-stroke-green-050`
075	`--o-green-075`	`o-stroke-green-075`
085	`--o-green-085`	`o-stroke-green-085`
100	`--o-green-100`	`o-stroke-green-100`
200	`--o-green-200`	`o-stroke-green-200`
300	`--o-green-300`	`o-stroke-green-300`
400	`--o-green-400`	`o-stroke-green-400`
500	`--o-green-500`	`o-stroke-green-500`
600	`--o-green-600`	`o-stroke-green-600`
700	`--o-green-700`	`o-stroke-green-700`
800	`--o-green-800`	`o-stroke-green-800`
900	`--o-green-900`	`o-stroke-green-900`
1000	`--o-green-1000`	`o-stroke-green-1000`

Jade

Shade	CSS Variable	Utility Class	Sample
000	`--o-jade-000`	`o-stroke-jade-000`
015	`--o-jade-015`	`o-stroke-jade-015`
025	`--o-jade-025`	`o-stroke-jade-025`
050	`--o-jade-050`	`o-stroke-jade-050`
075	`--o-jade-075`	`o-stroke-jade-075`
085	`--o-jade-085`	`o-stroke-jade-085`
100	`--o-jade-100`	`o-stroke-jade-100`
200	`--o-jade-200`	`o-stroke-jade-200`
300	`--o-jade-300`	`o-stroke-jade-300`
400	`--o-jade-400`	`o-stroke-jade-400`
500	`--o-jade-500`	`o-stroke-jade-500`
600	`--o-jade-600`	`o-stroke-jade-600`
700	`--o-jade-700`	`o-stroke-jade-700`
800	`--o-jade-800`	`o-stroke-jade-800`
900	`--o-jade-900`	`o-stroke-jade-900`
1000	`--o-jade-1000`	`o-stroke-jade-1000`

Teal

Shade	CSS Variable	Utility Class	Sample
000	`--o-teal-000`	`o-stroke-teal-000`
015	`--o-teal-015`	`o-stroke-teal-015`
025	`--o-teal-025`	`o-stroke-teal-025`
050	`--o-teal-050`	`o-stroke-teal-050`
075	`--o-teal-075`	`o-stroke-teal-075`
085	`--o-teal-085`	`o-stroke-teal-085`
100	`--o-teal-100`	`o-stroke-teal-100`
200	`--o-teal-200`	`o-stroke-teal-200`
300	`--o-teal-300`	`o-stroke-teal-300`
400	`--o-teal-400`	`o-stroke-teal-400`
500	`--o-teal-500`	`o-stroke-teal-500`
600	`--o-teal-600`	`o-stroke-teal-600`
700	`--o-teal-700`	`o-stroke-teal-700`
800	`--o-teal-800`	`o-stroke-teal-800`
900	`--o-teal-900`	`o-stroke-teal-900`
1000	`--o-teal-1000`	`o-stroke-teal-1000`

Cyan

Shade	CSS Variable	Utility Class	Sample
000	`--o-cyan-000`	`o-stroke-cyan-000`
015	`--o-cyan-015`	`o-stroke-cyan-015`
025	`--o-cyan-025`	`o-stroke-cyan-025`
050	`--o-cyan-050`	`o-stroke-cyan-050`
075	`--o-cyan-075`	`o-stroke-cyan-075`
085	`--o-cyan-085`	`o-stroke-cyan-085`
100	`--o-cyan-100`	`o-stroke-cyan-100`
200	`--o-cyan-200`	`o-stroke-cyan-200`
300	`--o-cyan-300`	`o-stroke-cyan-300`
400	`--o-cyan-400`	`o-stroke-cyan-400`
500	`--o-cyan-500`	`o-stroke-cyan-500`
600	`--o-cyan-600`	`o-stroke-cyan-600`
700	`--o-cyan-700`	`o-stroke-cyan-700`
800	`--o-cyan-800`	`o-stroke-cyan-800`
900	`--o-cyan-900`	`o-stroke-cyan-900`
1000	`--o-cyan-1000`	`o-stroke-cyan-1000`

Sky

Shade	CSS Variable	Utility Class	Sample
000	`--o-sky-000`	`o-stroke-sky-000`
015	`--o-sky-015`	`o-stroke-sky-015`
025	`--o-sky-025`	`o-stroke-sky-025`
050	`--o-sky-050`	`o-stroke-sky-050`
075	`--o-sky-075`	`o-stroke-sky-075`
085	`--o-sky-085`	`o-stroke-sky-085`
100	`--o-sky-100`	`o-stroke-sky-100`
200	`--o-sky-200`	`o-stroke-sky-200`
300	`--o-sky-300`	`o-stroke-sky-300`
400	`--o-sky-400`	`o-stroke-sky-400`
500	`--o-sky-500`	`o-stroke-sky-500`
600	`--o-sky-600`	`o-stroke-sky-600`
700	`--o-sky-700`	`o-stroke-sky-700`
800	`--o-sky-800`	`o-stroke-sky-800`
900	`--o-sky-900`	`o-stroke-sky-900`
1000	`--o-sky-1000`	`o-stroke-sky-1000`

Blue

Shade	CSS Variable	Utility Class	Sample
000	`--o-blue-000`	`o-stroke-blue-000`
015	`--o-blue-015`	`o-stroke-blue-015`
025	`--o-blue-025`	`o-stroke-blue-025`
050	`--o-blue-050`	`o-stroke-blue-050`
075	`--o-blue-075`	`o-stroke-blue-075`
085	`--o-blue-085`	`o-stroke-blue-085`
100	`--o-blue-100`	`o-stroke-blue-100`
200	`--o-blue-200`	`o-stroke-blue-200`
300	`--o-blue-300`	`o-stroke-blue-300`
400	`--o-blue-400`	`o-stroke-blue-400`
500	`--o-blue-500`	`o-stroke-blue-500`
600	`--o-blue-600`	`o-stroke-blue-600`
700	`--o-blue-700`	`o-stroke-blue-700`
800	`--o-blue-800`	`o-stroke-blue-800`
900	`--o-blue-900`	`o-stroke-blue-900`
1000	`--o-blue-1000`	`o-stroke-blue-1000`

Indigo

Shade	CSS Variable	Utility Class	Sample
000	`--o-indigo-000`	`o-stroke-indigo-000`
015	`--o-indigo-015`	`o-stroke-indigo-015`
025	`--o-indigo-025`	`o-stroke-indigo-025`
050	`--o-indigo-050`	`o-stroke-indigo-050`
075	`--o-indigo-075`	`o-stroke-indigo-075`
085	`--o-indigo-085`	`o-stroke-indigo-085`
100	`--o-indigo-100`	`o-stroke-indigo-100`
200	`--o-indigo-200`	`o-stroke-indigo-200`
300	`--o-indigo-300`	`o-stroke-indigo-300`
400	`--o-indigo-400`	`o-stroke-indigo-400`
500	`--o-indigo-500`	`o-stroke-indigo-500`
600	`--o-indigo-600`	`o-stroke-indigo-600`
700	`--o-indigo-700`	`o-stroke-indigo-700`
800	`--o-indigo-800`	`o-stroke-indigo-800`
900	`--o-indigo-900`	`o-stroke-indigo-900`
1000	`--o-indigo-1000`	`o-stroke-indigo-1000`

Violet

Shade	CSS Variable	Utility Class	Sample
000	`--o-violet-000`	`o-stroke-violet-000`
015	`--o-violet-015`	`o-stroke-violet-015`
025	`--o-violet-025`	`o-stroke-violet-025`
050	`--o-violet-050`	`o-stroke-violet-050`
075	`--o-violet-075`	`o-stroke-violet-075`
085	`--o-violet-085`	`o-stroke-violet-085`
100	`--o-violet-100`	`o-stroke-violet-100`
200	`--o-violet-200`	`o-stroke-violet-200`
300	`--o-violet-300`	`o-stroke-violet-300`
400	`--o-violet-400`	`o-stroke-violet-400`
500	`--o-violet-500`	`o-stroke-violet-500`
600	`--o-violet-600`	`o-stroke-violet-600`
700	`--o-violet-700`	`o-stroke-violet-700`
800	`--o-violet-800`	`o-stroke-violet-800`
900	`--o-violet-900`	`o-stroke-violet-900`
1000	`--o-violet-1000`	`o-stroke-violet-1000`

Purple

Shade	CSS Variable	Utility Class	Sample
000	`--o-purple-000`	`o-stroke-purple-000`
015	`--o-purple-015`	`o-stroke-purple-015`
025	`--o-purple-025`	`o-stroke-purple-025`
050	`--o-purple-050`	`o-stroke-purple-050`
075	`--o-purple-075`	`o-stroke-purple-075`
085	`--o-purple-085`	`o-stroke-purple-085`
100	`--o-purple-100`	`o-stroke-purple-100`
200	`--o-purple-200`	`o-stroke-purple-200`
300	`--o-purple-300`	`o-stroke-purple-300`
400	`--o-purple-400`	`o-stroke-purple-400`
500	`--o-purple-500`	`o-stroke-purple-500`
600	`--o-purple-600`	`o-stroke-purple-600`
700	`--o-purple-700`	`o-stroke-purple-700`
800	`--o-purple-800`	`o-stroke-purple-800`
900	`--o-purple-900`	`o-stroke-purple-900`
1000	`--o-purple-1000`	`o-stroke-purple-1000`

Grape

Shade	CSS Variable	Utility Class	Sample
000	`--o-grape-000`	`o-stroke-grape-000`
015	`--o-grape-015`	`o-stroke-grape-015`
025	`--o-grape-025`	`o-stroke-grape-025`
050	`--o-grape-050`	`o-stroke-grape-050`
075	`--o-grape-075`	`o-stroke-grape-075`
085	`--o-grape-085`	`o-stroke-grape-085`
100	`--o-grape-100`	`o-stroke-grape-100`
200	`--o-grape-200`	`o-stroke-grape-200`
300	`--o-grape-300`	`o-stroke-grape-300`
400	`--o-grape-400`	`o-stroke-grape-400`
500	`--o-grape-500`	`o-stroke-grape-500`
600	`--o-grape-600`	`o-stroke-grape-600`
700	`--o-grape-700`	`o-stroke-grape-700`
800	`--o-grape-800`	`o-stroke-grape-800`
900	`--o-grape-900`	`o-stroke-grape-900`
1000	`--o-grape-1000`	`o-stroke-grape-1000`

Pink

Shade	CSS Variable	Utility Class	Sample
000	`--o-pink-000`	`o-stroke-pink-000`
015	`--o-pink-015`	`o-stroke-pink-015`
025	`--o-pink-025`	`o-stroke-pink-025`
050	`--o-pink-050`	`o-stroke-pink-050`
075	`--o-pink-075`	`o-stroke-pink-075`
085	`--o-pink-085`	`o-stroke-pink-085`
100	`--o-pink-100`	`o-stroke-pink-100`
200	`--o-pink-200`	`o-stroke-pink-200`
300	`--o-pink-300`	`o-stroke-pink-300`
400	`--o-pink-400`	`o-stroke-pink-400`
500	`--o-pink-500`	`o-stroke-pink-500`
600	`--o-pink-600`	`o-stroke-pink-600`
700	`--o-pink-700`	`o-stroke-pink-700`
800	`--o-pink-800`	`o-stroke-pink-800`
900	`--o-pink-900`	`o-stroke-pink-900`
1000	`--o-pink-1000`	`o-stroke-pink-1000`

Rose

Shade	CSS Variable	Utility Class	Sample
000	`--o-rose-000`	`o-stroke-rose-000`
015	`--o-rose-015`	`o-stroke-rose-015`
025	`--o-rose-025`	`o-stroke-rose-025`
050	`--o-rose-050`	`o-stroke-rose-050`
075	`--o-rose-075`	`o-stroke-rose-075`
085	`--o-rose-085`	`o-stroke-rose-085`
100	`--o-rose-100`	`o-stroke-rose-100`
200	`--o-rose-200`	`o-stroke-rose-200`
300	`--o-rose-300`	`o-stroke-rose-300`
400	`--o-rose-400`	`o-stroke-rose-400`
500	`--o-rose-500`	`o-stroke-rose-500`
600	`--o-rose-600`	`o-stroke-rose-600`
700	`--o-rose-700`	`o-stroke-rose-700`
800	`--o-rose-800`	`o-stroke-rose-800`
900	`--o-rose-900`	`o-stroke-rose-900`
1000	`--o-rose-1000`	`o-stroke-rose-1000`