---
title: "Occasion themes"
description: "Every holiday, national day and humanity event look on caro.sh, with measured WCAG contrast and live previews."
url: "https://caro.sh/occasions"
markdown_url: "https://caro.sh/occasions.md"
lang: "en"
type: "website"
image: "https://caro.sh/og/occasions.png"
---

Design system

# Occasion themes

Caro dresses up for 31 occasions. An occasion changes four things: the CTA fill, a 4px ribbon above the page, the hero art and the event banner. Links, copy and the brand mark stay Caro. Every fill must give white text at least 4.5:1; the build fails if one does not.

Preview any page by adding `?occasion=<id>` (and optionally `&theme=dark`) to its URL. Nothing is saved.

## Holidays

Opt-in. Visitors choose them from the navigation while the holiday is in season.

- ### Christmas

  Dec 1 – Dec 25 2026 · opt-in

  `christmas`

  Get Started

  - White on fill

    6.64:1 AA

  - Ink on paper

    5.84:1

  - Ink on dark

    5.65:1

  Preview home: [light mode, Christmas](https://caro.sh/?occasion=christmas\&theme=light) [dark mode, Christmas](https://caro.sh/?occasion=christmas\&theme=dark)

- ### Hanukkah

  Dec 4 – Dec 12 2026 · opt-in

  `hanukkah`

  Get Started

  - White on fill

    8.72:1 AA

  - Ink on paper

    7.68:1

  - Ink on dark

    5.72:1

  Preview home: [light mode, Hanukkah](https://caro.sh/?occasion=hanukkah\&theme=light) [dark mode, Hanukkah](https://caro.sh/?occasion=hanukkah\&theme=dark)

- ### New Year

  Dec 31 – Jan 1 2026 · opt-in

  `newyear`

  Get Started

  - White on fill

    9.90:1 AA

  - Ink on paper

    8.72:1

  - Ink on dark

    5.79:1

  Preview home: [light mode, New Year](https://caro.sh/?occasion=newyear\&theme=light) [dark mode, New Year](https://caro.sh/?occasion=newyear\&theme=dark)

- ### Diwali

  Nov 6 – Nov 11 2026 · opt-in

  `diwali`

  Get Started

  - White on fill

    6.98:1 AA

  - Ink on paper

    6.15:1

  - Ink on dark

    5.68:1

  Preview home: [light mode, Diwali](https://caro.sh/?occasion=diwali\&theme=light) [dark mode, Diwali](https://caro.sh/?occasion=diwali\&theme=dark)

- ### Holi

  Mar 2 – Mar 4 2026 · opt-in

  `holi`

  Get Started

  - White on fill

    6.04:1 AA

  - Ink on paper

    5.32:1

  - Ink on dark

    5.73:1

  Preview home: [light mode, Holi](https://caro.sh/?occasion=holi\&theme=light) [dark mode, Holi](https://caro.sh/?occasion=holi\&theme=dark)

- ### Lunar New Year

  Feb 13 – Feb 27 2026 · opt-in

  `lunar-new-year`

  Get Started

  - White on fill

    6.47:1 AA

  - Ink on paper

    5.70:1

  - Ink on dark

    5.80:1

  Preview home: [light mode, Lunar New Year](https://caro.sh/?occasion=lunar-new-year\&theme=light) [dark mode, Lunar New Year](https://caro.sh/?occasion=lunar-new-year\&theme=dark)

- ### Mid-Autumn Festival

  Sep 23 – Sep 26 2026 · opt-in

  `mid-autumn`

  Get Started

  - White on fill

    7.31:1 AA

  - Ink on paper

    6.44:1

  - Ink on dark

    5.78:1

  Preview home: [light mode, Mid-Autumn Festival](https://caro.sh/?occasion=mid-autumn\&theme=light) [dark mode, Mid-Autumn Festival](https://caro.sh/?occasion=mid-autumn\&theme=dark)

- ### Eid

  Mar 19 – Mar 22 2026 and May 26 – May 29 2026 · opt-in

  `eid`

  Get Started

  - White on fill

    5.48:1 AA

  - Ink on paper

    4.83:1

  - Ink on dark

    5.69:1

  Preview home: [light mode, Eid](https://caro.sh/?occasion=eid\&theme=light) [dark mode, Eid](https://caro.sh/?occasion=eid\&theme=dark)

## National days

Opt-in, and only offered to visitors in that country.

- ### Independence Day (US)

  Jul 1 – Jul 4 2026 · opt-in

  `july-4th`

  Get Started

  - White on fill

    6.62:1 AA

  - Ink on paper

    5.83:1

  - Ink on dark

    5.71:1

  Preview home: [light mode, Independence Day (US)](https://caro.sh/?occasion=july-4th\&theme=light) [dark mode, Independence Day (US)](https://caro.sh/?occasion=july-4th\&theme=dark)

- ### Canada Day

  Jun 28 – Jul 1 2026 · opt-in

  `canada-day`

  Get Started

  - White on fill

    5.88:1 AA

  - Ink on paper

    5.18:1

  - Ink on dark

    5.77:1

  Preview home: [light mode, Canada Day](https://caro.sh/?occasion=canada-day\&theme=light) [dark mode, Canada Day](https://caro.sh/?occasion=canada-day\&theme=dark)

- ### Bastille Day

  Jul 10 – Jul 14 2026 · opt-in

  `bastille-day`

  Get Started

  - White on fill

    7.41:1 AA

  - Ink on paper

    6.52:1

  - Ink on dark

    5.80:1

  Preview home: [light mode, Bastille Day](https://caro.sh/?occasion=bastille-day\&theme=light) [dark mode, Bastille Day](https://caro.sh/?occasion=bastille-day\&theme=dark)

- ### German Unity Day

  Oct 1 – Oct 3 2026 · opt-in

  `german-unity`

  Get Started

  - White on fill

    6.48:1 AA

  - Ink on paper

    5.71:1

  - Ink on dark

    5.79:1

  Preview home: [light mode, German Unity Day](https://caro.sh/?occasion=german-unity\&theme=light) [dark mode, German Unity Day](https://caro.sh/?occasion=german-unity\&theme=dark)

- ### Yom Ha'atzmaut

  Apr 22 2026 · opt-in

  `yom-haatzmaut`

  Get Started

  - White on fill

    9.30:1 AA

  - Ink on paper

    8.19:1

  - Ink on dark

    5.65:1

  Preview home: [light mode, Yom Ha'atzmaut](https://caro.sh/?occasion=yom-haatzmaut\&theme=light) [dark mode, Yom Ha'atzmaut](https://caro.sh/?occasion=yom-haatzmaut\&theme=dark)

- ### UAE National Day

  Dec 1 – Dec 3 2026 · opt-in

  `uae-national-day`

  Get Started

  - White on fill

    6.01:1 AA

  - Ink on paper

    5.29:1

  - Ink on dark

    5.63:1

  Preview home: [light mode, UAE National Day](https://caro.sh/?occasion=uae-national-day\&theme=light) [dark mode, UAE National Day](https://caro.sh/?occasion=uae-national-day\&theme=dark)

- ### Indonesian Independence Day

  Aug 14 – Aug 17 2026 · opt-in

  `indonesia-independence`

  Get Started

  - White on fill

    5.88:1 AA

  - Ink on paper

    5.18:1

  - Ink on dark

    5.77:1

  Preview home: [light mode, Indonesian Independence Day](https://caro.sh/?occasion=indonesia-independence\&theme=light) [dark mode, Indonesian Independence Day](https://caro.sh/?occasion=indonesia-independence\&theme=dark)

- ### Philippine Independence Day

  Jun 10 – Jun 12 2026 · opt-in

  `philippines-independence`

  Get Started

  - White on fill

    9.85:1 AA

  - Ink on paper

    8.68:1

  - Ink on dark

    5.86:1

  Preview home: [light mode, Philippine Independence Day](https://caro.sh/?occasion=philippines-independence\&theme=light) [dark mode, Philippine Independence Day](https://caro.sh/?occasion=philippines-independence\&theme=dark)

## Humanity events

Automatic banner on the day or month. Six monthly events also theme the site.

- ### Martin Luther King Jr. Day

  January 19 · banner

  `mlk-day`

  Get Started

  - White on fill

    12.14:1 AA

  - Ink on paper

    10.69:1

  - Ink on dark

    5.79:1

  Preview home: [light mode, Martin Luther King Jr. Day](https://caro.sh/?occasion=mlk-day\&theme=light) [dark mode, Martin Luther King Jr. Day](https://caro.sh/?occasion=mlk-day\&theme=dark)

- ### Black History Month

  February · banner + theme

  `black-history-month`

  Get Started

  - White on fill

    6.57:1 AA

  - Ink on paper

    5.78:1

  - Ink on dark

    5.75:1

  Preview home: [light mode, Black History Month](https://caro.sh/?occasion=black-history-month\&theme=light) [dark mode, Black History Month](https://caro.sh/?occasion=black-history-month\&theme=dark)

- ### International Women's Day

  March 8 · banner

  `womens-day`

  Get Started

  - White on fill

    8.72:1 AA

  - Ink on paper

    7.68:1

  - Ink on dark

    5.83:1

  Preview home: [light mode, International Women's Day](https://caro.sh/?occasion=womens-day\&theme=light) [dark mode, International Women's Day](https://caro.sh/?occasion=womens-day\&theme=dark)

- ### Women's History Month

  March · banner + theme

  `womens-history-month`

  Get Started

  - White on fill

    7.10:1 AA

  - Ink on paper

    6.26:1

  - Ink on dark

    5.69:1

  Preview home: [light mode, Women's History Month](https://caro.sh/?occasion=womens-history-month\&theme=light) [dark mode, Women's History Month](https://caro.sh/?occasion=womens-history-month\&theme=dark)

- ### Earth Day

  April 22 · banner

  `earth-day`

  Get Started

  - White on fill

    5.02:1 AA

  - Ink on paper

    4.53:1

  - Ink on dark

    5.76:1

  Preview home: [light mode, Earth Day](https://caro.sh/?occasion=earth-day\&theme=light) [dark mode, Earth Day](https://caro.sh/?occasion=earth-day\&theme=dark)

- ### Asian American, Native Hawaiian and Pacific Islander Heritage Month

  May · banner + theme

  `aapi-heritage-month`

  Get Started

  - White on fill

    5.47:1 AA

  - Ink on paper

    4.82:1

  - Ink on dark

    5.76:1

  Preview home: [light mode, Asian American, Native Hawaiian and Pacific Islander Heritage Month](https://caro.sh/?occasion=aapi-heritage-month\&theme=light) [dark mode, Asian American, Native Hawaiian and Pacific Islander Heritage Month](https://caro.sh/?occasion=aapi-heritage-month\&theme=dark)

- ### Mental Health Awareness Month

  May · banner

  `mental-health-month`

  Get Started

  - White on fill

    5.02:1 AA

  - Ink on paper

    4.53:1

  - Ink on dark

    5.76:1

  Preview home: [light mode, Mental Health Awareness Month](https://caro.sh/?occasion=mental-health-month\&theme=light) [dark mode, Mental Health Awareness Month](https://caro.sh/?occasion=mental-health-month\&theme=dark)

- ### Pride Month

  June · banner + theme

  `pride-month`

  Get Started

  - White on fill

    9.83:1 AA

  - Ink on paper

    8.66:1

  - Ink on dark

    5.85:1

  Preview home: [light mode, Pride Month](https://caro.sh/?occasion=pride-month\&theme=light) [dark mode, Pride Month](https://caro.sh/?occasion=pride-month\&theme=dark)

- ### Juneteenth

  June 19 · banner

  `juneteenth`

  Get Started

  - White on fill

    6.36:1 AA

  - Ink on paper

    5.60:1

  - Ink on dark

    5.81:1

  Preview home: [light mode, Juneteenth](https://caro.sh/?occasion=juneteenth\&theme=light) [dark mode, Juneteenth](https://caro.sh/?occasion=juneteenth\&theme=dark)

- ### Hispanic Heritage Month

  September 15-30 - October 1-15 · banner + theme

  `hispanic-heritage-month`

  Get Started

  - White on fill

    6.47:1 AA

  - Ink on paper

    5.70:1

  - Ink on dark

    5.80:1

  Preview home: [light mode, Hispanic Heritage Month](https://caro.sh/?occasion=hispanic-heritage-month\&theme=light) [dark mode, Hispanic Heritage Month](https://caro.sh/?occasion=hispanic-heritage-month\&theme=dark)

- ### International Day of Peace

  September 21 · banner

  `peace-day`

  Get Started

  - White on fill

    5.93:1 AA

  - Ink on paper

    5.23:1

  - Ink on dark

    5.66:1

  Preview home: [light mode, International Day of Peace](https://caro.sh/?occasion=peace-day\&theme=light) [dark mode, International Day of Peace](https://caro.sh/?occasion=peace-day\&theme=dark)

- ### World Mental Health Day

  October 10 · banner

  `mental-health-day`

  Get Started

  - White on fill

    5.02:1 AA

  - Ink on paper

    4.53:1

  - Ink on dark

    5.76:1

  Preview home: [light mode, World Mental Health Day](https://caro.sh/?occasion=mental-health-day\&theme=light) [dark mode, World Mental Health Day](https://caro.sh/?occasion=mental-health-day\&theme=dark)

- ### Indigenous Peoples' Day

  October 12 · banner

  `indigenous-peoples-day`

  Get Started

  - White on fill

    7.09:1 AA

  - Ink on paper

    6.24:1

  - Ink on dark

    5.72:1

  Preview home: [light mode, Indigenous Peoples' Day](https://caro.sh/?occasion=indigenous-peoples-day\&theme=light) [dark mode, Indigenous Peoples' Day](https://caro.sh/?occasion=indigenous-peoples-day\&theme=dark)

- ### Native American Heritage Month

  November · banner + theme

  `native-american-heritage-month`

  Get Started

  - White on fill

    7.31:1 AA

  - Ink on paper

    6.44:1

  - Ink on dark

    5.78:1

  Preview home: [light mode, Native American Heritage Month](https://caro.sh/?occasion=native-american-heritage-month\&theme=light) [dark mode, Native American Heritage Month](https://caro.sh/?occasion=native-american-heritage-month\&theme=dark)

- ### Human Rights Day

  December 10 · banner

  `human-rights-day`

  Get Started

  - White on fill

    5.93:1 AA

  - Ink on paper

    5.23:1

  - Ink on dark

    5.66:1

  Preview home: [light mode, Human Rights Day](https://caro.sh/?occasion=human-rights-day\&theme=light) [dark mode, Human Rights Day](https://caro.sh/?occasion=human-rights-day\&theme=dark)