Crosstarget Resource Warehouse - Color Palette

해당 페이지는 가로 1200px 이상의
디바이스 크기에서 확인이 가능합니다.
PC에서 접속해주세요. 🙏🏻

Color Palette

크로스타겟이 가진 Navy는 Base 컬러로, Orange 컬러는 포인트 컬러로 사용을 기준으로 삼되
웹에서 다양한 표현을 가능케 하기 위하여 Green, Blue, Yellow 컬러를 추가로 지정하여 사용하고 있습니다.
또한 추가적인 컬러 베리에이션 작업이 가능하도록 각 색상을 Opacity 기준으로 11단계를 나누어 정의 합니다.

Basic Color Palette

Name

Hex Code

RGB Code

Color

Navy-100

#1F2353

(30, 35, 82)

Orange-100

#EF552B

(239, 85, 43)

Blue-100

#2E82FF

(46, 130, 255)

Green-100

#52CC8F

(82, 204, 143)

Yellow-100

#FFC833

(255, 200, 51)

Color - Navy

Name

Hex Code

RGB Code

Color

Navy-110

#171B47

(23, 27, 71)

Navy-100

#1F2353

(30, 35, 82)

Navy-90

#363965

(54, 57, 101)

Navy-80

#4C4F75

(76, 79, 117)

Navy-70

#636587

(99, 101, 135)

Navy-60

#797B98

(121, 123, 152)

Navy-50

#8F91A9

(143, 145, 169)

Navy-40

#A5A7BA

(165, 167, 186)

Navy-30

#BCBDCC

(188, 189, 204)

Navy-20

#D2D3DD

(210, 211, 221)

Navy-10

#F5F5FA

(245, 245, 250)

Color - Orange

Name

Hex Code

RGB Code

Color

Orange-110

#E3481E

(227, 72, 30)

Orange-100

#EF552B

(239, 85, 43)

Orange-90

#F16641

(241, 102, 65)

Orange-80

#F27755

(242, 119, 85)

Orange-70

#F4886B

(244, 136, 107)

Orange-60

#F59980

(245, 153, 128)

Orange-50

#F7AA95

(247, 170, 149)

Orange-40

#F9BBAA

(249, 187, 170)

Orange-30

#FBCCC0

(251, 204, 192)

Orange-20

#FCDDD5

(252, 221, 213)

Orange-10

#F7F5F5

(247, 245, 245)

Color - Blue

Name

Hex Code

RGB Code

Color

Blue-110

#116BF2

(17, 107, 242)

blue-100

#2E82FF

(46, 130, 255)

Blue-90

#438FFF

(67, 143, 255)

Blue-80

#589BFF

(88, 155, 255)

Blue-70

#6DA8FF

(109, 168, 255)

Blue-60

#82B4FF

(130, 180, 255)

Blue-50

#97C1FF

(151, 193, 255)

Blue-40

#ABCDFF

(171, 205, 255)

Blue-30

#C1DAFF

(193, 218, 255)

Blue-20

#D5E6FF

(213, 230, 255)

Blue-10

#F3F8FF

(243, 248, 255)

Color - Green

Name

Hex Code

RGB Code

Color

Green-110

#43BF81

(67, 191, 129)

Green-100

#52CC8F

(82, 204, 143)

Green-90

#64D29B

(100, 210, 155)

Green-80

#75D6A5

(117, 214, 165)

Green-70

#86DCB1

(134, 220, 177)

Green-60

#97E0BC

(151, 224, 188)

Green-50

#A9E6C7

(169, 230, 199)

Green-40

#BAEBD2

(186, 235, 210)

Green-30

#CCF0DE

(204, 240, 222)

Green-20

#DCF5E9

(220, 245, 233)

Green-10

#F5FCF9

(245, 252, 249)

Color - Yellow

Name

Hex Code

RGB Code

Color

Yellow-110

#F2BA1F

(242, 186, 31)

Yellow-100

#FFC833

(255, 200, 51)

Yellow-90

#FFCD43

(255, 205, 67)

Yellow-80

#FFD258

(255, 210, 88)

Yellow-70

#FFD86D

(255, 216, 109)

Yellow-60

#FFDD82

(255, 221, 130)

Yellow-50

#FFE397

(255, 227, 151)

Yellow-40

#FFE9AB

(255, 233, 171)

Yellow-30

#FFEFC1

(255, 239, 193)

Yellow-20

#FFF4D5

(255, 244, 213)

Yellow-10

#FFFCF3

(255, 252, 243)

Copied! 👏🏻