TCC Color Box

Color Collections

Explore our curated collection of 160+ beautiful colors across 8 categories. Click any color to copy its hex code, or use the copy buttons for CSS and Tailwind classes.

160+ Colors
8 Categories
Professional Grade

Modern Palette

20 carefully curated colors

Click to copy

Soft Blue

#667eea

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Purple Haze

#764ba2

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Pink Burst

#f093fb

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Sky Blue

#4facfe

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Mint Green

#43e97b

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Fresh Green

#38ef7d

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Coral Red

#fc466b

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Teal Green

#3fcf8e

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color

Vibrant Colors

20 carefully curated colors

Click to copy

Electric Red

#ff6b6b

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Turquoise

#4ecdc4

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Electric Blue

#45b7d1

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Golden Yellow

#f9ca24

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Vibrant Orange

#f0932b

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Cherry Red

#eb4d4b

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Purple Storm

#6c5ce7

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Lavender

#a29bfe

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color

Nature Inspired

20 carefully curated colors

Click to copy

Forest Dark

#2d3436

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Stone Gray

#636e72

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Ocean Green

#00b894

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Aqua Blue

#00cec9

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Sky Blue

#55a3ff

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Sunset Pink

#fd79a8

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Sunflower

#fdcb6e

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Terracotta

#e17055

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color

Pastel Dreams

20 carefully curated colors

Click to copy

Peach

#fab1a0

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Soft Red

#ff7675

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Pink Blush

#fd79a8

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Butter

#fdcb6e

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Coral

#e17055

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Mint

#81ecec

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Baby Blue

#74b9ff

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Lavender

#a29bfe

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color

Dark & Moody

20 carefully curated colors

Click to copy

Midnight Blue

#2c2c54

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Deep Purple

#40407a

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Royal Purple

#706fd3

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Amber Gold

#f8b500

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Crimson Red

#ff3838

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Burnt Orange

#ff9500

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Forest Green

#2ed573

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Electric Blue

#1e90ff

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color

Neon & Electric

20 carefully curated colors

Click to copy

Electric Pink

#ff0080

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Neon Green

#00ff80

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Electric Purple

#8000ff

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Neon Orange

#ff8000

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Electric Blue

#0080ff

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Hot Pink

#ff0040

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Lime Electric

#40ff00

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Flame Orange

#ff4000

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color

Earth Tones

20 carefully curated colors

Click to copy

Saddle Brown

#8b4513

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Sienna

#a0522d

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Peru

#cd853f

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Goldenrod

#daa520

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Dark Goldenrod

#b8860b

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Forest Green

#228b22

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Dark Olive

#556b2f

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Olive Drab

#6b8e23

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color

Ocean Blues

20 carefully curated colors

Click to copy

Navy Blue

#000080

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Midnight Blue

#191970

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Royal Blue

#4169e1

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Pure Blue

#0000ff

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Cornflower

#6495ed

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Sky Blue

#87ceeb

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Light Sky Blue

#87cefa

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color
Click to copy

Deep Sky Blue

#00bfff

HEX
Tailwind
NOTE: HEX value may differ from the default Tailwind color