Skip to content

Palettes

Palettes set the colors, typography, and visual feel of your calendar. Each palette is designed to work as a complete theme out of the box.

Built-in palettes

Match site (default)

The script-tag embed reads your page's background, text color, link color, font and light or dark scheme, and draws the calendar with them. Choosing a palette, or saving any color, font, font weight or shadow override, turns matching off. The iframe embed cannot read your page, so with Match site it shows the Light palette. For details, see Matching your site.

Light

Clean and minimal. System font, subtle shadows, neutral tones with a warm brown accent color. The iframe embed uses Light when the view is set to Match site.

Dark

Dark backgrounds with light text. No shadows. Good for sites with dark themes.

Warm

Earthy and organic. Uses Georgia (serif) font, generous border radius, and warm shadow tones. A cozy, editorial feel.

Cool

Modern and crisp. Uses the system font, tight border radius, blue accent color, and sharp shadows. A professional, tech-forward feel.

Customizing beyond built-in palettes

Every palette value can be overridden. The full list of 22 tokens, the values each accepts, and how to load a brand font are in Advanced Options.