Accent tone:
Contrast tone:
Show color lists:
Download as
ASE
--bg-light
--fg-light-primary
--fg-light-secondary
--fg-light-tertiary
--accent-light-primary
--accent-light-secondary
--accent-light-tertiary
--contrast-light-primary
--contrast-light-secondary
--contrast-light-tertiary
--border-light-primary
--border-light-secondary
--border-light-tertiary
--surface-light-primary
--surface-light-secondary
--surface-light-tertiary
Pricing
Docs
Blog
A go-to template for a DevTool startup
Use this template to launch your next developer tool or open source project.
Primary
Tooltip text
Secondary
Tooltip text
Tertiary
Tooltip text
Some not very important caption.
Borders
Border level 1
Border level 2
Border level 3
Surfaces
Surface level 1
Surface level 2
Surface level 3
Tooltip text
Tooltip text
Tooltip text
--bg-dark
--fg-dark-primary
--fg-dark-secondary
--fg-dark-tertiary
--accent-dark-primary
--accent-dark-secondary
--accent-dark-tertiary
--contrast-dark-primary
--contrast-dark-secondary
--contrast-dark-tertiary
--border-dark-primary
--border-dark-secondary
--border-dark-tertiary
--surface-dark-primary
--surface-dark-secondary
--surface-dark-tertiary
Pricing
Docs
Blog
A go-to template for a DevTool startup
Use this template to launch your next developer tool or open source project.
Primary
Tooltip text
Secondary
Tooltip text
Tertiary
Tooltip text
Some not very important caption.
Borders
Border level 1
Border level 2
Border level 3
Surfaces
Surface level 1
Surface level 2
Surface level 3
Tooltip text
Tooltip text
Tooltip text