Color

SEED 색상 시스템은 접근성을 고려하며 제품의 계층, 상태, 브랜드를 표현할 수 있도록 돕습니다.

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

Gray

Chromatic

Tokens

Palette Colors

Banner Colors

On this page