Color Palette

Gray

100

200

300

400

500

600

700

800

900

1000

Gray

Chromatic

100

200

300

400

500

600

700

800

900

1000

Carrot

Blue

Green

Yellow

Red

Purple

Tokens

Palette Colors

이름	값
$color.palette.gray-00
$color.palette.gray-100
$color.palette.gray-200
$color.palette.gray-300
$color.palette.gray-400
$color.palette.gray-500
$color.palette.gray-600
$color.palette.gray-700
$color.palette.gray-800
$color.palette.gray-900
$color.palette.gray-1000
$color.palette.carrot-100
$color.palette.carrot-200
$color.palette.carrot-300
$color.palette.carrot-400
$color.palette.carrot-500
$color.palette.carrot-600
$color.palette.carrot-700
$color.palette.carrot-800
$color.palette.carrot-900
$color.palette.carrot-1000
$color.palette.blue-100
$color.palette.blue-200
$color.palette.blue-300
$color.palette.blue-400
$color.palette.blue-500
$color.palette.blue-600
$color.palette.blue-700
$color.palette.blue-800
$color.palette.blue-900
$color.palette.blue-1000
$color.palette.red-100
$color.palette.red-200
$color.palette.red-300
$color.palette.red-400
$color.palette.red-500
$color.palette.red-600
$color.palette.red-700
$color.palette.red-800
$color.palette.red-900
$color.palette.red-1000
$color.palette.green-100
$color.palette.green-200
$color.palette.green-300
$color.palette.green-400
$color.palette.green-500
$color.palette.green-600
$color.palette.green-700
$color.palette.green-800
$color.palette.green-900
$color.palette.green-1000
$color.palette.yellow-100
$color.palette.yellow-200
$color.palette.yellow-300
$color.palette.yellow-400
$color.palette.yellow-500
$color.palette.yellow-600
$color.palette.yellow-700
$color.palette.yellow-800
$color.palette.yellow-900
$color.palette.yellow-1000
$color.palette.purple-100
$color.palette.purple-200
$color.palette.purple-300
$color.palette.purple-400
$color.palette.purple-500
$color.palette.purple-600
$color.palette.purple-700
$color.palette.purple-800
$color.palette.purple-900
$color.palette.purple-1000
$color.palette.static-black
$color.palette.static-black-alpha-100
$color.palette.static-black-alpha-200
$color.palette.static-black-alpha-300
$color.palette.static-black-alpha-400
$color.palette.static-black-alpha-500
$color.palette.static-black-alpha-600
$color.palette.static-black-alpha-700
$color.palette.static-black-alpha-800
$color.palette.static-black-alpha-900
$color.palette.static-black-alpha-1000
$color.palette.static-white
$color.palette.static-white-alpha-50
$color.palette.static-white-alpha-100
$color.palette.static-white-alpha-200
$color.palette.static-white-alpha-300
$color.palette.static-white-alpha-400
$color.palette.static-white-alpha-500
$color.palette.static-white-alpha-600
$color.palette.static-white-alpha-700
$color.palette.static-white-alpha-800
$color.palette.static-white-alpha-900
$color.palette.static-white-alpha-1000

이름	값
$color.banner.blue
$color.banner.cool-gray
$color.banner.green
$color.banner.orange
$color.banner.pink
$color.banner.purple
$color.banner.red
$color.banner.teal
$color.banner.warm-gray
$color.banner.yellow

Color Palette

Gray

Chromatic

Tokens

Palette Colors

Banner Colors

On this page