Color Swatches Primary secondary Professional Warm color palette Cool Rich color

Web Design Basic Evolution of Web Interface Ancillary Navigation Color Swatches Style Sheet Summary Style Sheet 2 Typo Graphic

Color Swatches

Primaries Primary colors evoke a childish, playful sentiment. use color sparingly for maximum impact		text : CC0000 text : FF9900 text : 003399 text : 666666 text : 000000


Secondaries secondary colors have a sophisticated look		text : 336600 text : 9900CC text : FF3300 text : 666666 text : 000000 text : ghostwhite


Professional (red) use red minimally for impact and a serious tone.		text : CCCCCC text : 990000 text : 660000 text : 666666 text : 000000


Professional (blue) Send a corporate message with this sedate and serious combination		text : 003366 text : CCCCCC text : 333333 text : 666666 text : 000000


Warm the Warm color palette exudes a friendly, happy mood.		text : FFFF99 text : FFCC66 text : FF9900 text : 990000 text : 330000


Cool The Cool palette is cultured and aloof.		text : 99CCFF text : 009999 text : 003399 text : 333333 text : 000000


Rich Combine the rich jewel-tones with black for an elegant, powerful site		text : 996600 text : 336600 text : 990000 text : 003366 text : 330033 text : 000000


Neutral The neutral palette is subtle and conveys class and respectability.		text : cccccc text : cccc99 text : 996633 text : 330000 text : 000000 text : ghostwhite


Clashing Use red and blue against one another for dramatic results. balance with gray and black		text : FF3300 text : 990000 text : 000099 text : 666666 text : 000000 text : white


Mono-chromatic This subtle palette provides a range of values. Experiment with monochromatic palettes in different hues.		text : cc99ff text : 9933ff text : 6600cc text : 330066 text : 000000


Natural This palette provides a down-to-earth tone.		text : 999966 text : 336633 text : 003300 text : 996600 text : 663300 text : 000000


Southwest Take advantage of the colors found in the Southwestern deserts of the United States Use teal sparingly for maximum effect		text : 006666 text : cccc99 text : cc9966 text : cc6666 text : 330000


Retro use brighter colors in small areas for maximum impacts		text : 99cccc text : cccc33 text : 999900 text : cccc99 text : 000000


Shocking These colors are effective at setting a mood, but use bright colors sparingly		text : ff3333 text : cc66cc text : 6699ff text : 003366 text : 000000 text : ghostwhite


Masculine this deep, rich palette conveys a masculine look, especially if gray is predominant		text : 990000 text : 003366 text : 006600 text : 333333 text : 000000


Sporty Youthful and energetic, use brighter colors sparingly as they can be hard on th eyes		text : FF0000 text : 999999 text : 339999 text : 669900 text : 000000


Tranquil This soft color palette is soothing.		text : 99CCCC text : cccccc text : 003366 text : 666666 text : 000000


Soothing Another soft palette. This one has a little more energy than the TRANQUIL palette		text : 66FF99 text : 339966 text : 9966cc text : 6600cc text : 000000


Soft This palette conveys a femininity.		text : 99CCFF text : cc9999 text : cc6666 text : 666666 text : 000000


Vibrant The contrast of red and blue give this palette power and zip		text : ff3300 text : 3333cc text : 6666ff text : 666666 text : 000000


Metallic To achieve metallic effects, use gradations from one color or another Gradations should be used in small areas online to avoid banding and large file sizes		text : FFffff text : cccc66 text : 996600 text : 666666 text : 000000 text : ghostwhite

Bright These colors enhance one another Use sparingly so as not to over-whelm balance is achieved with black		text : ff9900 text : ff3333 text : 336600 text : 006666 text : 000000 text : ghostwhite


Sophisticated convey a modern look with this color palette		text : 669999 text : 996699 text : 660033 text : 330033 text : 333333 text : cccccc


Muted This palette is a bit more subtle and masculine than a strict sophisticated palette		text : cccccc text : 666600 text : 333366 text : 003333 text : 333333