ICS Calendar

ICS Calendar
  • Features
    • ICS Calendar Pro
    • Feature Comparison
    • Sample Calendars
    • Preview Your Calendar
    • More WordPress Plugins
  • Help
    • User Guide
      • Getting Started
      • General WordPress Settings
      • ICS Calendar Settings
      • Shortcode Overview
      • Shortcode Reference
      • FAQs and Tips
      • CSS Guide
      • Developer Resources
      • GDPR
    • Pro Documentation
      • Calendar Builder
      • ICS Events
      • Manual Calendar Setup
      • Admin Utilities and Settings
      • Customizer
      • Block Editor
      • Parameters Reference
    • Shortcode Builder
    • Support Request Form
    • Translation Suggestions
  • Blog
  • Download
  • Buy Now
  • Cart
  • My Account
Search
More...

Pro Documentation

  • Calendar Builder
  • ICS Events
    • Integrating Registration Forms
  • Manual Calendar Setup
  • Admin Utilities and Settings
  • Customizer
    • Color Palettes
  • Block Editor
  • Parameters Reference

More Help

  • User Guide
  • Shortcode Builder
  • Pro Documentation
  • Support Request Form
  • Translation Suggestions

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.

Room 34 Creative Services, LLC

  • Facebook
  • YouTube
  • Bandcamp
  • Room 34 Creative Services, LLC
  • Minneapolis, Minnesota 55406 USA
  • info@icscalendar.com
  • More WordPress Plugins
  • Privacy Policy
  • Terms & Conditions

Copyright © 2025 Room 34 Creative Services, LLC. All rights reserved.
"ICS Calendar", "ICS Calendar Pro", "ICS Events", the ICS Calendar logo and ICS icon are trademarks of Room 34 Creative Services, LLC.

https://icscalendar.com/color-palettes

This website uses cookies solely for necessary functions, such as accessing your account orders and license details. Accept to continue or find out more in our Privacy Policy.

Accept & Continue