Lupe Design

Brand Color

Brand

Lupe Blue

#3b55eb

hsb(231, 75%, 92%)

White

#ffffff

hsb(0, 0%, 100%)

Lupe Black

#101114

hsb(225, 20%, 8%)

「Lupe Blue」「Lupe Black」は、ロゴやグラフィックでのみ利用可。UIや資料などで直接利用することはNG。代わりに「UI Color」パレットを使用すること。

UI Color

Light Green

Light Green 99

#faffe3

hsb(71, 11%, 100%)

Light Green 98

#f3ffcc

hsb(74, 20%, 100%)

Light Green 95

#d9ff75

hsb(77, 54%, 100%)

Light Green 90

#c0f500

hsb(73, 100%, 96%)

Light Green 85

#b4e600

hsb(73, 100%, 90%)

Light Green 80

#a8d700

hsb(73, 100%, 84%)

Light Green 75

#9cc800

hsb(73, 100%, 78%)

Light Green 70

#91b900

hsb(73, 100%, 73%)

Light Green 65

#85ab00

hsb(73, 100%, 67%)

Light Green 60

#7a9d00

hsb(73, 100%, 62%)

Light Green 55

#6f8f00

hsb(73, 100%, 56%)

Light Green 50

#648100

hsb(73, 100%, 51%)

Light Green 45

#597400

hsb(74, 100%, 45%)

Light Green 40

#4f6600

hsb(74, 100%, 40%)

Light Green 35

#455a00

hsb(74, 100%, 35%)

Light Green 30

#3b4d00

hsb(74, 100%, 30%)

Light Green 25

#314100

hsb(75, 100%, 25%)

Light Green 20

#273500

hsb(76, 100%, 21%)

Light Green 15

#1e2a00

hsb(77, 100%, 16%)

Light Green 10

#161f00

hsb(77, 100%, 12%)

Light Green 5

#0c1300

hsb(82, 100%, 7%)

Light Green 0

#000000

hsb(0, 0%, 0%)

Green

Green 99

#f7ffef

hsb(90, 6%, 100%)

Green 98

#ecffe3

hsb(101, 11%, 100%)

Green 95

#c9ffbc

hsb(108, 26%, 100%)

Green 90

#74ff6c

hsb(117, 58%, 100%)

Green 85

#00f635

hsb(133, 100%, 96%)

Green 80

#00e630

hsb(133, 100%, 90%)

Green 75

#00d62c

hsb(132, 100%, 84%)

Green 70

#00c628

hsb(132, 100%, 78%)

Green 65

#00b724

hsb(132, 100%, 72%)

Green 60

#00a820

hsb(131, 100%, 66%)

Green 55

#00991c

hsb(131, 100%, 60%)

Green 50

#008b18

hsb(130, 100%, 55%)

Green 45

#007c15

hsb(130, 100%, 49%)

Green 40

#006e11

hsb(129, 100%, 43%)

Green 35

#00610e

hsb(129, 100%, 38%)

Green 30

#00530a

hsb(127, 100%, 33%)

Green 25

#004607

hsb(126, 100%, 27%)

Green 20

#003a05

hsb(125, 100%, 23%)

Green 15

#002d03

hsb(124, 100%, 18%)

Green 10

#002202

hsb(124, 100%, 13%)

Green 5

#001501

hsb(123, 100%, 8%)

Green 0

#000000

hsb(0, 0%, 0%)

Cyan

Cyan 99

#f4feff

hsb(185, 4%, 100%)

Cyan 98

#eafdff

hsb(186, 8%, 100%)

Cyan 95

#c9f9ff

hsb(187, 21%, 100%)

Cyan 90

#84f3ff

hsb(186, 48%, 100%)

Cyan 85

#00eafb

hsb(184, 100%, 98%)

Cyan 80

#00dbeb

hsb(184, 100%, 92%)

Cyan 75

#00ccdb

hsb(184, 100%, 86%)

Cyan 70

#00bdcb

hsb(184, 100%, 80%)

Cyan 65

#00aebb

hsb(184, 100%, 73%)

Cyan 60

#00a0ac

hsb(184, 100%, 67%)

Cyan 55

#00929d

hsb(184, 100%, 62%)

Cyan 50

#00848e

hsb(184, 100%, 56%)

Cyan 45

#00767f

hsb(184, 100%, 50%)

Cyan 40

#006971

hsb(184, 100%, 44%)

Cyan 35

#005c63

hsb(184, 100%, 39%)

Cyan 30

#004f55

hsb(184, 100%, 33%)

Cyan 25

#004248

hsb(185, 100%, 28%)

Cyan 20

#00363b

hsb(185, 100%, 23%)

Cyan 15

#002b2f

hsb(185, 100%, 18%)

Cyan 10

#002023

hsb(185, 100%, 14%)

Cyan 5

#001416

hsb(185, 100%, 9%)

Cyan 0

#000000

hsb(0, 0%, 0%)

Blue

Blue 99

#fffbff

hsb(300, 2%, 100%)

Blue 98

#fbf8ff

hsb(266, 3%, 100%)

Blue 95

#f1efff

hsb(248, 6%, 100%)

Blue 90

#dfe0ff

hsb(238, 13%, 100%)

Blue 85

#ced1ff

hsb(236, 19%, 100%)

Blue 80

#bdc2ff

hsb(235, 26%, 100%)

Blue 75

#acb3ff

hsb(235, 33%, 100%)

Blue 70

#9aa4ff

hsb(234, 40%, 100%)

Blue 65

#8995ff

hsb(234, 46%, 100%)

Blue 60

#7886ff

hsb(234, 53%, 100%)

Blue 55

#6676ff

hsb(234, 60%, 100%)

Blue 50

#5465ff

hsb(234, 67%, 100%)

Blue 45

#4053ff

hsb(234, 75%, 100%)

Blue 40

#293fff

hsb(234, 84%, 100%)

Blue 35

#0026fe

hsb(231, 100%, 100%)

Blue 30

#0020dd

hsb(231, 100%, 87%)

Blue 25

#001abd

hsb(232, 100%, 74%)

Blue 20

#00149f

hsb(232, 100%, 62%)

Blue 15

#000e81

hsb(233, 100%, 51%)

Blue 10

#000965

hsb(235, 100%, 40%)

Blue 5

#000447

hsb(237, 100%, 28%)

Blue 0

#000000

hsb(0, 0%, 0%)

Purple

Purple 99

#fffbff

hsb(300, 2%, 100%)

Purple 98

#fff7fc

hsb(323, 3%, 100%)

Purple 95

#fcecff

hsb(291, 7%, 100%)

Purple 90

#f4d9ff

hsb(283, 15%, 100%)

Purple 85

#ecc7ff

hsb(280, 22%, 100%)

Purple 80

#e4b5ff

hsb(278, 29%, 100%)

Purple 75

#dca2ff

hsb(277, 36%, 100%)

Purple 70

#d48fff

hsb(277, 44%, 100%)

Purple 65

#cb7bff

hsb(276, 52%, 100%)

Purple 60

#c265ff

hsb(276, 60%, 100%)

Purple 55

#b94dff

hsb(276, 70%, 100%)

Purple 50

#b02eff

hsb(277, 82%, 100%)

Purple 45

#a400f6

hsb(280, 100%, 96%)

Purple 40

#9200dc

hsb(280, 100%, 86%)

Purple 35

#8000c2

hsb(280, 100%, 76%)

Purple 30

#6f00a9

hsb(279, 100%, 66%)

Purple 25

#5e0090

hsb(279, 100%, 56%)

Purple 20

#4e0078

hsb(279, 100%, 47%)

Purple 15

#3e0061

hsb(278, 100%, 38%)

Purple 10

#2f004b

hsb(278, 100%, 29%)

Purple 5

#200035

hsb(276, 100%, 21%)

Purple 0

#000000

hsb(0, 0%, 0%)

Red

Red 99

#fffbff

hsb(300, 2%, 100%)

Red 98

#fff8f7

hsb(8, 3%, 100%)

Red 95

#ffedea

hsb(9, 8%, 100%)

Red 90

#ffdad6

hsb(6, 16%, 100%)

Red 85

#ffc7c1

hsb(6, 24%, 100%)

Red 80

#ffb4ab

hsb(6, 33%, 100%)

Red 75

#ff9f95

hsb(6, 42%, 100%)

Red 70

#ff897e

hsb(5, 51%, 100%)

Red 65

#ff7165

hsb(5, 60%, 100%)

Red 60

#ff544b

hsb(3, 71%, 100%)

Red 55

#ff282b

hsb(359, 84%, 100%)

Red 50

#ef001b

hsb(353, 100%, 94%)

Red 45

#d70017

hsb(354, 100%, 84%)

Red 40

#c00013

hsb(354, 100%, 75%)

Red 35

#a90010

hsb(354, 100%, 66%)

Red 30

#93000c

hsb(355, 100%, 58%)

Red 25

#7d0009

hsb(356, 100%, 49%)

Red 20

#690006

hsb(357, 100%, 41%)

Red 15

#540004

hsb(357, 100%, 33%)

Red 10

#410002

hsb(358, 100%, 25%)

Red 5

#2d0001

hsb(359, 100%, 18%)

Red 0

#000000

hsb(0, 0%, 0%)

Orange

Orange 99

#fffbff

hsb(300, 2%, 100%)

Orange 98

#fff8f6

hsb(13, 4%, 100%)

Orange 95

#ffede7

hsb(15, 9%, 100%)

Orange 90

#ffdbcd

hsb(17, 20%, 100%)

Orange 85

#ffc8b2

hsb(17, 30%, 100%)

Orange 80

#ffb596

hsb(18, 41%, 100%)

Orange 75

#ffa278

hsb(19, 53%, 100%)

Orange 70

#ff8c56

hsb(19, 66%, 100%)

Orange 65

#ff742d

hsb(20, 82%, 100%)

Orange 60

#f56200

hsb(24, 100%, 96%)

Orange 55

#e05900

hsb(24, 100%, 88%)

Orange 50

#cb5000

hsb(24, 100%, 80%)

Orange 45

#b74700

hsb(23, 100%, 72%)

Orange 40

#a33e00

hsb(23, 100%, 64%)

Orange 35

#8f3600

hsb(23, 100%, 56%)

Orange 30

#7c2e00

hsb(22, 100%, 49%)

Orange 25

#6a2600

hsb(22, 100%, 42%)

Orange 20

#581e00

hsb(20, 100%, 35%)

Orange 15

#461700

hsb(20, 100%, 27%)

Orange 10

#360f00

hsb(17, 100%, 21%)

Orange 5

#240800

hsb(13, 100%, 14%)

Orange 0

#000000

hsb(0, 0%, 0%)

Yellow

Yellow 99

#fffbff

hsb(300, 2%, 100%)

Yellow 98

#fff8f2

hsb(28, 5%, 100%)

Yellow 95

#ffefd3

hsb(38, 17%, 100%)

Yellow 90

#ffdf9a

hsb(41, 40%, 100%)

Yellow 85

#ffce56

hsb(43, 66%, 100%)

Yellow 80

#f8be00

hsb(46, 100%, 97%)

Yellow 75

#e7b100

hsb(46, 100%, 91%)

Yellow 70

#d6a400

hsb(46, 100%, 84%)

Yellow 65

#c69700

hsb(46, 100%, 78%)

Yellow 60

#b68a00

hsb(45, 100%, 71%)

Yellow 55

#a67e00

hsb(46, 100%, 65%)

Yellow 50

#967200

hsb(46, 100%, 59%)

Yellow 45

#876600

hsb(45, 100%, 53%)

Yellow 40

#785a00

hsb(45, 100%, 47%)

Yellow 35

#694e00

hsb(45, 100%, 41%)

Yellow 30

#5a4300

hsb(45, 100%, 35%)

Yellow 25

#4c3800

hsb(44, 100%, 30%)

Yellow 20

#3f2e00

hsb(44, 100%, 25%)

Yellow 15

#322400

hsb(43, 100%, 20%)

Yellow 10

#251a00

hsb(42, 100%, 15%)

Yellow 5

#181000

hsb(40, 100%, 9%)

Yellow 0

#000000

hsb(0, 0%, 0%)

Gray

Gray 99

#fcfcfc

hsb(0, 0%, 99%)

Gray 98

#fafafa

hsb(0, 0%, 98%)

Gray 95

#f2f2f2

hsb(0, 0%, 95%)

Gray 90

#e6e6e6

hsb(0, 0%, 90%)

Gray 85

#d9d9d9

hsb(0, 0%, 85%)

Gray 80

#cccccc

hsb(0, 0%, 80%)

Gray 75

#bfbfbf

hsb(0, 0%, 75%)

Gray 70

#b3b3b3

hsb(0, 0%, 70%)

Gray 65

#a6a6a6

hsb(0, 0%, 65%)

Gray 60

#999999

hsb(0, 0%, 60%)

Gray 55

#8c8c8c

hsb(0, 0%, 55%)

Gray 50

#808080

hsb(0, 0%, 50%)

Gray 45

#737373

hsb(0, 0%, 45%)

Gray 40

#666666

hsb(0, 0%, 40%)

Gray 35

#595959

hsb(0, 0%, 35%)

Gray 30

#4d4d4d

hsb(0, 0%, 30%)

Gray 25

#404040

hsb(0, 0%, 25%)

Gray 20

#333333

hsb(0, 0%, 20%)

Gray 15

#262626

hsb(0, 0%, 15%)

Gray 10

#1a1a1a

hsb(0, 0%, 10%)

Gray 5

#0d0d0d

hsb(0, 0%, 5%)

Gray 0

#000000

hsb(0, 0%, 0%)