ℹ️ Both files provide a way to add background color or text color class to your html and make it look wonderfull just like it deserves. Background css classes are composed of the color name and -bg attribute. Text classes are simpler, only the color name. Examples below:
Stylesheet files can be found in the build
folder.
- Include the stylesheet on your document's
<head>
:
<head>
<link rel="stylesheet" href="colors.min.css">
</head>
- Call a class for background color, example:
.abbey-bg
- Call the same class but for text color, example:
.abbey
Example:
<div class="acadia-bg">
<span class="abbey"> This is a colored text in a colored containerd</span>
</div>
Hope you find this useful 👍.
Enjoy!
abbey
acadia
acapulco
affair
akaroa
alabaster
aero-blue
albescent-white
algae-green
alice-blue
alizarin-crimson
allports
almond
almond-frost
alpine
alto
aluminium
amaranth
amazon
amber
americano
amethyst
amethyst-smoke
amour
amulet
anakiwa
antique-bronze
antique-brass
anzac
apache
apple
apple-blossom
apple-green
apricot
apricot-peach
apricot-white
aqua-deep
aqua-forest
aqua-haze
aqua-island
aqua-spring
aqua-squeeze
aquamarine
aquamarine-blue
arapawa
armadillo
arrowtown
ash
asparagus
asphalt
astra
astral
astronaut
astronaut-blue
athens-gray
aths-special
atlantis
atoll
atomic-tangerine
au-chico
aubergine
australian-mint
avocado
axolotl
azalea
aztec
azure
azure-radiance
baby-blue
bahama-blue
bahia
baja-white
bali-hai
baltic-sea
bamboo
banana-mania
barberry
bandicoot
barley-corn
barley-white
barossa
bastille
battleship-gray
bay-leaf
bay-of-many
bazaar
bean
beauty-bush
beaver
beeswax
beige
bermuda
bermuda-gray
beryl-green
bianca
big-stone
bilbao
biloba-flower
birch
bird-flower
biscay
bismark
bison-hide
bistre
bitter
bitter-lemon
bittersweet
bizarre
black
black-forest
black-bean
black-haze
black-marlin
black-olive
black-pearl
black-rock
black-rose
black-russian
black-squeeze
black-white
blackberry
blackcurrant
blaze-orange
bleach-white
bleached-cedar
blizzard-blue
blossom
blue
blue-bayoux
blue-bell
blue-chalk
blue-charcoal
blue-chill
blue-diamond
blue-dianne
blue-gem
blue-haze
blue-lagoon
blue-marguerite
blue-ribbon
blue-romance
blue-smoke
blue-stone
blue-violet
blue-whale
blue-zodiac
blumine
blush
blush-pink
bombay
bon-jour
bondi-blue
bone
bordeaux
bossanova
boston-blue
botticelli
bottle-green
boulder
bouquet
bourbon
bracken
brandy
brandy-punch
brandy-rose
breaker-bay
brick-red
bridal-heath
bridesmaid
bright-gray
bright-green
bright-red
bright-sun
bright-turquoise
brilliant-rose
brink-pink
bronco
bronze
bronze-olive
bronzetone
broom
brown-derby
brown-bramble
brown-pod
brown
brown-rust
brown-tumbleweed
bubbles
buccaneer
buff
bulgarian-rose
bull-shot
bunker
bunting
burgundy
bud
buddha-gold
burning-orange
burnham
burnt-maroon
burning-sand
burnt-sienna
burnt-orange
bush
buttercup
burnt-umber
buttered-rum
butterfly-bush
cabaret
buttermilk
cabbage-pont
cactus
buttery-white
cadet-blue
cab-sav
cadillac
cafe-royale
calico
california
calypso
cameo
camarone
camouflage
can-can
camelot
camouflage-green
canary
candlelight
cannon-black
candy-corn
cannon-pink
cape-cod
caper
cape-palliser
cape-honey
caramel
cararra
cardinal
cardin-green
careys-pink
carissma
cardinal-pink
caribbean-green
carla
carmine
carnation
carnaby-tan
carousel-pink
carnation-pink
casal
casablanca
carrot-orange
casper
castro
catalina-blue
catskill-white
cavern-pink
cascade
cedar
cedar-wood-finish
celadon
celery
celeste
cello
celtic
cement
ceramic
cerise
cashmere
cerise-red
cerulean-blue
chalky
cerulean
chablis
chalet-green
chambray
charade
chamois
champagne
chardonnay
chardon
charm
charlotte
chantilly
chartreuse
chathams-blue
chartreuse-yellow
chelsea-cucumber
chatelle
chateau-green
chelsea-gem
cherry-pie
chenin
cherokee
cherrywood
cherub
chestnut
chestnut-rose
chetwode-blue
chicago
chiffon
chilean-fire
chilean-heath
china-ivory
chino
chocolate
chinook
christalle
christi
christine
chrome-white
cinderella
cinder
cinnabar
cioccolato
cinnamon
citrine-white
citron
clam-shell
citrus
claret
clairvoyant
clay-ash
clear-day
clementine
clinker
cloud
cloud-burst
cloudy
clover
classic-rose
clay-creek
cobalt
cod-gray
cocoa-bean
coffee
coffee-bean
cognac
cola
coconut-cream
cocoa-brown
cold-purple
comet
cold-turkey
colonial-white
como
concord
concrete
conch
confetti
congress-blue
congo-brown
copper
conifer
copper-rose
copper-canyon
copper-rust
copperfield
coral-red
coral
contessa
coral-reef
coral-tree
corduroy
coriander
corn
cork
corn-field
cornflower
cornflower-blue
cornflower-lilac
corvette
cosmos
costa-del-sol
cosmic
cotton-candy
cotton-seed
cowboy
county-green
crail
cranberry
crater-brown
corn-harvest
cream
cream-brulee
cream-can
creole
crimson
crete
crocodile
crown-of-thorns
crowshead
cruise
crusoe
crusta
cumulus
cumin
cupid
curious-blue
cutty-sark
cyan-aqua
cyprus
daintree
dairy-cream
daisy-bush
dallas
danube
dandelion
dark-blue
dark-burgundy
dark-ebony
dark-fern
dark-tan
dawn
dawn-pink
de-york
deco
deep-blue
deep-blush
deep-bronze
deep-cerulean
deep-cove
deep-fir
deep-forest-green
deep-koamaru
deep-oak
deep-sapphire
deep-sea
deep-sea-green
deep-teal
del-rio
dell
delta
deluge
denim
derby
desert
desert-sand
desert-storm
dew
di-serria
diesel
dingley
disco
dixie
dodger-blue
dolly
dolphin
domino
don-juan
donkey-brown
dorado
double-colonial-white
double-pearl-lusta
double-spanish-white
dove-gray
downriver
downy
driftwood
drover
dull-lavender
dune
dust-storm
dusty-gray
eagle
earls-green
early-dawn
east-bay
east-side
eastern-blue
ebb
ebony
ebony-clay
eclipse
ecru-white
ecstasy
eden
edgewater
edward
egg-sour
egg-white
eggplant
el-paso
el-salva
electric-lime
electric-violet
elephant
elf-green
elm
emerald
eminence
emperor
empress
endeavour
energy-yellow
english-holly
english-walnut
envy
equator
espresso
eternity
eucalyptus
eunry
evening-sea
everglade
fair-pink
falcon
fall-green
falu-red
faded-jade
fantasy
fedora
fern-green
feijoa
ferra
festival
feta
fiery-orange
finch
fern
fern-frond
finn
fiord
fire
finlandia
fire-bush
firefly
flamingo
flame-pea
flax-smoke
flesh
flamenco
flint
flax
flush-orange
flirt
flush-mahogany
fog
forest-green
foam
foggy-gray
forget-me-not
french-gray
fountain-blue
french-pass
french-lilac
french-rose
friar-gray
fresh-eggplant
frangipani
fringy-flower
froly
frosted-mint
frost
frostee
fruit-salad
fuchsia-blue
fuchsia-pink
fuego
fuel-yellow
fun-green
fuscous-gray
fuzzy-wuzzy-brown
fun-blue
gallery
gable-green
gamboge
galliano
geebung
ghost
genoa
gigas
gimblet
gin
gin-fizz
glacier
glade-green
givry
go-ben
gold
geraldine
gold-drop
gold-sand
geyser
golden-bell
gold-tips
golden-dream
golden-fizz
goblin
golden-grass
golden-glow
golden-sand
goldenrod
golden-tainoi
gondola
gorse
gordons-green
gothic
gossamer
governor-bay
gossip
grandis
granite-green
grain-brown
granny-smith-apple
granny-apple
granny-smith
grape
gray
graphite
gray-asparagus
gray-nickel
gray-chateau
gravel
gray-nurse
gray-suit
green-haze
green
green-house
green-leaf
green-mist
gray-olive
green-pea
green-kelp
green-smoke
green-spring
green-vogue
green-white
guardsman-red
green-waterloo
gulf-blue
gulf-stream
gull-gray
gum-leaf
green-yellow
gunsmoke
grenadier
gurkha
gumbo
hacienda
haiti
hairy-heath
half-baked
gun-powder
half-colonial-white
half-spanish-white
harlequin
half-dutch-white
half-and-half
hampton
harp
havelock-blue
hawkes-blue
hawaiian-tan
harvest-gold
heath
heather
heliotrope
hemlock
hemp
heathered-gray
heavy-metal
hibiscus
highland
himalaya
hint-of-red
hillary
hippie-blue
hint-of-green
hint-of-yellow
hippie-pink
hippie-green
hit-gray
hit-pink
hokey-pokey
hoki
holly
hollywood-cerise
honeysuckle
honey-flower
hopbush
horizon
hot-cinnamon
horses-neck
hot-pink
hot-toddy
humming-bird
hunter-green
hurricane
husk
ice-cold
iceberg
illusion
inch-worm
indian-khaki
indian-tan
indigo
indochine
international-klein-blue
international-orange
irish-coffee
iroko
iron
ironside-gray
ironstone
island-spice
ivory
jacaranda
jacarta
jacko-bean
jacksons-purple
jade
jaffa
jagged-ice
jagger
jaguar
jambalaya
janna
japanese-laurel
japanese-maple
japonica
java
jazzberry-jam
jelly-bean
jet-stream
jewel
jon
jonquil
jordy-blue
judge-gray
jumbo
jungle-green
jungle-mist
juniper
just-right
kabul
kaitoke-green
kangaroo
karaka
karry
kashmir-blue
kelp
kenyan-copper
keppel
key-lime-pie
khaki
kidnapper
kilamanjaro
killarney
kimberly
kingfisher-daisy
kobi
kokoda
korma
koromiko
kournikova
kumera
la-palma
la-rioja
las-palmas
laser
laser-lemon
laurel
lavender
lavender-gray
lavender-magenta
lavender-pink
lavender-purple
lavender-rose
lavender-blush
leather
lemon
lemon-chiffon
lemon-ginger
lemon-grass
light-apricot
light-orchid
light-wisteria
lightning-yellow
lilac
lilac-bush
lily
lily-white
lima
lime
limeade
limed-ash
limed-oak
limed-spruce
linen
link-water
lipstick
lisbon-brown
livid-brown
loafer
loblolly
lochinvar
lochmara
locust
log-cabin
logan
lola
london-hue
lonestar
lotus
loulou
lucky
lucky-point
lunar-green
luxor-gold
lynch
mabel
macaroni-and-cheese
madang
madison
madras
magenta-fuchsia
magic-mint
mahogany
mai-tai
magnolia
malachite
maize
malibu
mallard
malta
mamba
manatee
mandalay
makara
mandy
mango-tango
mako
mandys-pink
mantis
mantle
manhattan
manz
mardi-gras
marigold
marigold-yellow
maroon
mariner
maroon-flush
maroon-oak
martinique
marshland
martini
masala
marzipan
matisse
mauve
mauvelous
matrix
maverick
medium-carmine
matterhorn
medium-purple
medium-red-violet
melanie
melanzane
melon
melrose
mercury
merino
merlin
metallic-copper
meteor
merlot
meteorite
mid-gray
metallic-bronze
midnight-blue
mexican-red
mikado
midnight
milan
midnight-moss
millbrook
milano-red
mimosa
mine-shaft
mindaro
ming
milk-punch
minsk
mint-green
mineral-green
mint-julep
mint-tulip
mischka
mirage
mist-gray
mobster
moccaccino
mocha
monarch
mojo
mona-lisa
mondo
monsoon
mongoose
monte-carlo
monza
moon-mist
moody-blue
moon-glow
morning-glory
moon-raker
morocco-brown
moss-green
mosque
mountain-meadow
mountbatten-pink
mortar
mountain-mist
mulberry
muddy-waters
mule-fawn
mulberry-wood
mulled-wine
muesli
mustard
my-sin
my-pink
mystic
narvik
nandor
natural-gray
navy-blue
navajo-white
negroni
neon-carrot
nepal
napa
nebula
neptune
new-orleans
nero
new-york-pink
niagara
night-shadz
nile-blue
nobel
nevada
night-rider
nomad
nugget
norway
nutmeg-wood-finish
nutmeg
ocean-green
oasis
ochre
observatory
off-yellow
off-green
old-brick
oil
old-copper
old-gold
old-lace
old-rose
old-lavender
olive
olive-drab
olive-haze
olive-green
olivetone
olivine
onahau
onion
opal
opium
oracle
orange
orange-peel
orange-roughy
orange-white
orchid
orchid-white
orient
orinoco
oregon
oriental-pink
oslo-gray
outrageous-orange
oxford-blue
oxley
oyster-bay
ottoman
oyster-pink
outer-space
paarl
pablo
pacific-blue
pacifika
paco
padua
pale-canary
pale-leaf
pale-oyster
pale-prim
pale-rose
pale-sky
pale-slate
palm-green
palm-leaf
pampas
panache
pancho
papaya-whip
paprika
paradiso
parchment
paris-daisy
paris-m
paris-white
parsley
pastel-green
pastel-pink
patina
pavlova
peach
pattens-blue
paua
peach-cream
peach-yellow
peanut
pear
pearl-bush
peach-orange
pearl-lusta
peach-schnapps
peat
perano
pelorous
perfume
periglacial-blue
peppermint
periwinkle
periwinkle-gray
persian-green
persian-indigo
persian-pink
persian-blue
persian-plum
persian-red
peru-tan
persian-rose
petite-orchid
pesto
pewter
persimmon
pharlap
picasso
pickled-bluewood
pickled-bean
picton-blue
pig-pink
pigeon-post
pigment-indigo
pine-cone
pine-glade
pine-green
pine-tree
pink
pink-flamingo
pink-flare
pink-lace
pink-lady
pink-salmon
pink-swan
piper
pipi
pippin
pirate-gold
pistachio
pixie-green
pizazz
pizza
plantation
plum
pohutukawa
polar
polo-blue
pomegranate
pompadour
porcelain
porsche
port-gore
portafino
portage
portica
pot-pourri
potters-clay
powder-ash
powder-blue
prairie-sand
prelude
prim
primrose
provincial-pink
prussian-blue
puce
pueblo
puerto-rico
pumice
pumpkin
pumpkin-skin
punch
punga
purple
purple-heart
purple-mountains-majesty
purple-pizzazz
putty
quarter-pearl-lusta
quarter-spanish-white
quicksand
quill-gray
quincy
racing-green
radical-red
raffia
rainee
rajah
rangitoto
rangoon-green
raven
raw-sienna
raw-umber
razzle-dazzle-rose
razzmatazz
rebel
red
red-beech
red-berry
red-damask
red-devil
red-orange
red-oxide
red-ribbon
red-robin
red-stage
red-violet
redwood
reef
reef-gold
regal-blue
regent-gray
regent-st-blue
remy
reno-sand
resolution-blue
revolver
rhino
rice-cake
rice-flower
rich-gold
rio-grande
ripe-lemon
ripe-plum
riptide
river-bed
rob-roy
robins-egg-blue
rock
rock-blue
rock-spray
rodeo-dust
roman-coffee
romance
rolling-stone
ronchi
rope
roof-terracotta
romantic
roman
rose
rose-bud
rose-white
rose-of-sharon
rosewood
rose-bud-cherry
roti
rose-fog
royal-heath
royal-purple
rouge
royal-blue
rum
rum-swizzle
russet
rust
russett
rusty-nail
rustic-red
saffron
saddle
saffron-mango
sahara
sahara-sand
sail
saddle-brown
sage
salomie
salem
salmon
salt-box
sambuca
san-marino
saltpan
san-juan
sand-dune
sandal
sandrift
sandstone
sandwisp
sandy-beach
sandy-brown
sangria
san-felix
sanguine-brown
santa-fe
sapphire
santas-gray
sapling
satin-linen
saratoga
scampi
sazerac
sauvignon
scandal
scarlet
scarlett
scarlet-gum
schist
scarpa-flow
schooner
school-bus-yellow
science-blue
scotch-mist
screamin-green
scooter
scorpion
sea-buckthorn
sea-green
sea-pink
sea-mist
sea-nymph
seagull
seashell
seashell-peach
seance
selago
sepia
sepia-black
sepia-skin
seaweed
serenade
shady-lady
shadow
shalimar
shadow-green
shakespeare
shark
sherpa-blue
sherwood-green
shamrock
shingle-fawn
shilo
ship-cove
ship-gray
shocking-pink
shuttle-gray
shiraz
shocking
siam
silver
sidecar
silver-chalice
silk
silver-tree
silver-rust
silver-sand
siren
sinbad
sirocco
sky-blue
sisal
smalt
skeptic
slate-gray
smalt-blue
smoky
snow-drift
snow-flurry
snowy-mint
snuff
soft-peach
soapstone
soft-amber
solitaire
solid-pink
sorbus
solitude
soya-bean
sorrell-brown
spectra
spicy-mix
spanish-green
spicy-mustard
spindle
spice
spray
spicy-pink
spring-green
spring-rain
spring-leaves
spring-wood
sprout
spun-pearl
squirrel
st-tropaz
stack
spring-sun
star-dust
stark-white
starship
steel-blue
steel-gray
stiletto
stonewall
storm-dust
storm-gray
stratos
straw
strikemaster
stromboli
studio
submarine
sugar-cane
sulu
sun
sundance
summer-green
sundown
sunflower
sunglow
sunglo
sunset-orange
sunshade
supernova
surfie-green
surf
suva-gray
sushi
surf-crest
swamp
swans-down
swamp-green
sweet-corn
swirl
sweet-pink
tabasco
tacao
sycamore
swiss-coffee
tacha
tahuna-sands
tahiti-gold
tallow
tamarillo
tall-poppy
tan
tana
tangaroa
tan-hide
tamarind
tangerine
tango
tapestry
tapa
tara
tasman
tarawera
taupe-gray
taupe
tea
tawny-port
te-papa-green
teal
teak
teal-blue
tea-green
tequila
temptress
texas
texas-rose
tenn
terracotta
thistle
thatch
thatch-green
thunder
thistle-green
tia-maria
tiber
tiara
thunderbird
tickle-me-pink
tide
tidal
timber-green
timberwolf
titan-white
toast
tolopea
tobacco-brown
tonys-pink
toledo
torea-bay
tom-thumb
tory-blue
topaz
tosca
torch-red
tower-gray
tradewind
tranquil
travertine
tree-poppy
treehouse
trendy-green
trendy-pink
trinidad
tropical-rain-forest
totem-pole
true-v
tropical-blue
trout
tuatara
tulip-tree
tuft-bush
tuna
tundora
turkish-rose
tumbleweed
turbo
turtle-green
tuscany
turmeric
tusk
tussock
turquoise
tutu
turquoise-blue
twilight-blue
twilight
tyrian-purple
twine
ultramarine
valentino
valhalla
valencia
van-cleef
vanilla
vanilla-ice
varden
venetian-red
venice-blue
venus
verdigris
verdun-green
vermilion
vesuvius
victoria
vida-loca
viking
vin-rouge
viola
violent-violet
violet
violet-eggplant
violet-red
viridian
viridian-green
vis-vis
vista-blue
vista-white
vivid-violet
vivid-tangerine
voodoo
vulcan
wafer
waikawa-gray
waiouru
walnut
wasabi
water-leaf
watercourse
waterloo-
wattle
watusi
wax-flower
we-peep
web-orange
wedgewood
well-read
west-side
west-coast
westar
wheat
wewak
wheatfield
whiskey
white
whisper
white-ice
white-lilac
white-linen
white-pointer
wild-blue-yonder
white-rock
wild-strawberry
wild-sand
wild-rice
wild-watermelon
wild-willow
willow-grove
windsor
william
wine-berry
willow-brook
wisp-pink
wistful
winter-hazel
wood-bark
wisteria
witch-haze
woodrush
woodland
xanadu
woodsmoke
woody-brown
yellow
yellow-green
yellow-metal
yellow-orange
yellow-sea
yukon-gold
yuma
zambezi
your-pink
zanah
zest
zeus
ziggurat
zircon
zombie
zinnwaldite
zumthor
zuccini
zorba