CSS Color Codes & Modern UI Palettes

Search and explore CSS colors for your next project.

Pastel Colors

Soft, soothing colors perfect for backgrounds and subtle accents.

Neon Colors

Vibrant, high-energy colors that demand attention.

Earthy & Organic

Richly saturated, warm, and comforting natural elements. Transitions from rich forest clays to deep terrain greens and dense mineral colors.

Oceanic

Colors inspired by the sea, water, and seascapes. Includes coastal blues, marine greens, and deep twilight waters. Ideal for clean modern software UI designs and backgrounds.

Jewel Tones

Deep, saturated colors reminiscent of gemstones and precious metals. Ideal for luxury, high-end, or punchy dark-mode websites.

Vintage & Retro

A nostalgic palette inspired by 1970s interior design, classic polaroids, and faded print media. Perfect for sites with a muted, classic, or bohemian aesthetic.

Twilight & Evening

A rich, gradient-friendly collection that captures the transition from late afternoon golden hour all the way into the deep night sky. Excellent for modern, moody web applications.

Vibrant Florals

A highly saturated, energetic, and natural palette based on blooming flowers and botanical gardens. Sits right between pastels and neons, offering bright, lively colors without being artificial.

Cyberpunk

A dark-mode ready palette featuring heavy, dystopian tech-underground tones. Transitions from deep terminal shadows to blinding, high-contrast digital accents.

Desert Tones

Inspired by southwestern landscapes, canyons, and sun-baked pottery. Offers warm, raw tones balanced by cool, high-desert mineral blues.

Industrial Steel & Rust

A rugged, mechanical palette built from architectural metals, oxidized steel, concrete textures, and safety accents. Ideal for highly structured, minimalist, or brutalist site layouts.

Tropical

An ultra-vibrant, dense collection inspired by lush jungle canopies, exotic birds, and humid river basins. Provides rich greens balanced by striking, colorful focal points.

Autumn

A comforting, deeply warm collection reflecting changing leaves, crisp air, and seasonal crops. Cozy, sophisticated, and avoids bright, artificial tones.

Cosmic

A dreamy, ethereal dark-mode spectrum based on interstellar dust clouds, deep space anomalies, and starlight scattering.

148 CSS4 Named Colors

The standard palette supported by all modern browsers.

Black
#000000
Gray
#808080
Grey
#808080
Dim Gray
#696969
Dim Grey
#696969
Dark Gray
#a9a9a9
Dark Grey
#a9a9a9
Light Gray
#d3d3d3
Light Grey
#d3d3d3
Silver
#c0c0c0
Gainsboro
#dcdcdc
White Smoke
#f5f5f5
White
#ffffff
Snow
#fffafa
Ghost White
#f8f8ff
Alice Blue
#f0f8ff
Red
#ff0000
Dark Red
#8b0000
Maroon
#800000
Firebrick
#b22222
Crimson
#dc143c
Indian Red
#cd5c5c
Light Coral
#f08080
Salmon
#fa8072
Dark Salmon
#e9967a
Light Salmon
#ffa07a
Tomato
#ff6347
Coral
#ff7f50
Orange Red
#ff4500
Orange
#ffa500
Dark Orange
#ff8c00
Gold
#ffd700
Goldenrod
#daa520
Dark Goldenrod
#b8860b
Yellow
#ffff00
Light Yellow
#ffffe0
Lemon Chiffon
#fffacd
Light Goldenrod Yellow
#fafad2
Pale Goldenrod
#eee8aa
Khaki
#f0e68c
Dark Khaki
#bdb76b
Brown
#a52a2a
Chocolate
#d2691e
Sienna
#a0522d
Saddle Brown
#8b4513
Peru
#cd853f
Tan
#d2b48c
Burly Wood
#deb887
Wheat
#f5deb3
Navajo White
#ffdead
Moccasin
#ffe4b5
Bisque
#ffe4c4
Peach Puff
#ffdab9
Antique White
#faebd7
Linen
#faf0e6
Old Lace
#fdf5e6
Papaya Whip
#ffefd5
Cornsilk
#fff8dc
Floral White
#fffaf0
Green
#008000
Dark Green
#006400
Forest Green
#228b22
Lime
#00ff00
Lime Green
#32cd32
Lawn Green
#7cfc00
Chartreuse
#7fff00
Green Yellow
#adff2f
Yellow Green
#9acd32
Olive Drab
#6b8e23
Olive
#808000
Dark Olive Green
#556b2f
Pale Green
#98fb98
Light Green
#90ee90
Medium Spring Green
#00fa9a
Spring Green
#00ff7f
Medium Sea Green
#3cb371
Sea Green
#2e8b57
Dark Sea Green
#8fbc8f
Medium Aquamarine
#66cdaa
Aqua
#00ffff
Cyan
#00ffff
Dark Cyan
#008b8b
Teal
#008080
Dark Turquoise
#00ced1
Turquoise
#40e0d0
Medium Turquoise
#48d1cc
Pale Turquoise
#afeeee
Light Cyan
#e0ffff
Light Sea Green
#20b2aa
Aquamarine
#7fffd4
Mint Cream
#f5fffa
Azure
#f0ffff
Blue
#0000ff
Dark Blue
#00008b
Navy
#000080
Medium Blue
#0000cd
Midnight Blue
#191970
Royal Blue
#4169e1
Cornflower Blue
#6495ed
Dodger Blue
#1e90ff
Deep Sky Blue
#00bfff
Light Sky Blue
#87cefa
Sky Blue
#87ceeb
Light Blue
#add8e6
Powder Blue
#b0e0e6
Cadet Blue
#5f9ea0
Steel Blue
#4682b4
Light Steel Blue
#b0c4de
Purple
#800080
Rebecca Purple
#663399
Indigo
#4b0082
Dark Violet
#9400d3
Blue Violet
#8a2be2
Dark Orchid
#9932cc
Medium Orchid
#ba55d3
Orchid
#da70d6
Violet
#ee82ee
Plum
#dda0dd
Thistle
#d8bfd8
Lavender
#e6e6fa
Dark Slate Blue
#483d8b
Slate Blue
#6a5acd
Medium Slate Blue
#7b68ee
Medium Purple
#9370db
Magenta
#ff00ff
Fuchsia
#ff00ff
Dark Magenta
#8b008b
Medium Violet Red
#c71585
Deep Pink
#ff1493
Hot Pink
#ff69b4
Pale Violet Red
#db7093
Pink
#ffc0cb
Light Pink
#ffb6c1
Lavender Blush
#fff0f5
Misty Rose
#ffe4e1
Slate Gray
#708090
Slate Grey
#708090
Light Slate Gray
#778899
Light Slate Grey
#778899
Dark Slate Gray
#2f4f4f
Dark Slate Grey
#2f4f4f

Grayscale Palette

Neutral tones for typography, borders, and structured UI design.