Color Palettes

ICS Calendar Pro version 4.1 introduces a revised set of color palettes, along with a new way to manage your own custom colors using CSS variables. See below to compare the old (V3) and new (V4) palettes.

Prior to version 4.1, all palette colors were based on CSS named colors. The revised palettes have been adjusted to provide more balance and consistency by retaining two of each existing palette’s named colors, and then blending adjacent colors.

Autumn V3

#ffffff

#fff8dc

#f5deb3

#deb887

#d2691e

#a52a2a

#000000

Autumn V4

#ffffff

#fdf8f0

#f5deb3

#e2a368

#d2691e

#69340f

#181818

Grays Cool V4

#ffffff

#f0f3f6

#d9dcdf

#a3a8ac

#70787f

#60686f

#10181f

Grays Neutral V3

#ffffff

#f5f5f5

#dcdcdc

#a9a9a9

#808080

#696969

#181818

Grays Warm V4

#ffffff

#f6f3f0

#dfdcd9

#aca8a3

#7f7870

#6f6860

#1f1810

Midday V3

#ffffff

#f0f8ff

#add8e6

#87cefa

#4682b4

#00008b

#000000

Midday V4

#ffffff

#e7f5fe

#87cefa

#66a8d7

#4682b4

#23415a

#181818

Midnight V3

#000000

#191970

#483d8b

#663399

#9370db

#191970

#ffd700

Midnight V4

#000000

#191970

#312a85

#624db0

#9370db

#e6dff5

#ffffff

Spring V3

#ffffff

#f0fff0

#98fb98

#3cb371

#008000

#006400

#000000

Spring V4

#ffffff

#eafeeb

#98fb98

#4caf4c

#006400

#003200

#181818

Summer V3

#ffffff

#fff0f5

#d8bfd8

#dda0dd

#ba55d3

#663399

#000000

Summer V4

#ffffff

#f8ecf8

#dda0dd

#cb7ad8

#ba55d3

#7c2c7c

#181818

Sunrise V3

#ffffff

#fffacd

#ffd700

#ff8c00

#ff4500

#a52a2a

#000000

Sunrise V4

#ffffff

#fff7cd

#ffd700

#ff8e00

#ff4500

#7f2200

#181818

Sunset V3

#ffffff

#ffe4e1

#ffb6c1

#f08080

#dc143c

#8b0000

#000000

Sunset V4

#ffffff

#fef1f3

#ffb6c1

#ee657e

#dc143c

#6f091e

#181818

Winter V3

#ffffff

#f0f8ff

#e6e6fa

#b0c4de

#778899

#2f4f4f

#000000

Winter V4

#ffffff

#eff3f9

#b0c4de

#94a6bb

#778899

#3b444c

#181818

CSS color variables

The color swatches in the Customizer include the ICS Calendar color name CSS variables for your reference. You can use these variables in your own custom CSS to further refine your calendar’s appearance. The variable names are based on the “neutral” named colors from the default ICS Calendar color palette, and are shown in those colors for reference.

Pro Documentation

More Help

Autumn V3

Autumn V4

Grays Cool V4

Grays Neutral V3

Grays Warm V4

Midday V3

Midday V4

Midnight V3

Midnight V4

Spring V3

Spring V4

Summer V3

Summer V4

Sunrise V3

Sunrise V4

Sunset V3

Sunset V4

Winter V3

Winter V4

CSS color variables