Created at 03/29/2024 15:11
  61

Chakra UI CSS Framework colors

gray
#cbd5e0
red
#f56565
orange
#ed8936
yellow
#ecc94b
green
#48bb78
teal
#38b2ac
blue
#4299e1
cyan
#90cdf4
purple
#9f7aea
pink
#ed64a6
The palette consists of Light colors. Accent colors gray and red. Palette has Cool, Warm colors temperature.
Palette Chakra UI CSS Framework colors has combination of 10 codes colors:
HEX: #cbd5e0, RGB: (203, 213, 224); HEX: #f56565, RGB: (245, 101, 101); HEX: #ed8936, RGB: (237, 137, 54)
HEX: #ecc94b, RGB: (236, 201, 75); HEX: #48bb78, RGB: (72, 187, 120); HEX: #38b2ac, RGB: (56, 178, 172)
HEX: #4299e1, RGB: (66, 153, 225); HEX: #90cdf4, RGB: (144, 205, 244); HEX: #9f7aea, RGB: (159, 122, 234)
HEX: #ed64a6, RGB: (237, 100, 166)
Simplified version of palette colors
Shade of lightgrey, Tint of lightcoral, Tint of darkorange, Tint of gold, Shade of mediumseagreen, Shade of lightseagreen, Shade of dodgerblue, Shade of lightskyblue, Shade of mediumpurple, Tint of hotpink
Color scheme was created by colorstudio

Colors codes in palette

Chakra UI CSS Framework colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#cbd5e0 RGB(203, 213, 224)gray
#f56565 RGB(245, 101, 101)red
#ed8936 RGB(237, 137, 54)orange
#ecc94b RGB(236, 201, 75)yellow
#48bb78 RGB(72, 187, 120)green
#38b2ac RGB(56, 178, 172)teal
#4299e1 RGB(66, 153, 225)blue
#90cdf4 RGB(144, 205, 244)cyan
#9f7aea RGB(159, 122, 234)purple
#ed64a6 RGB(237, 100, 166)pink

Image palette Chakra UI CSS Framework colors png