Festival Pop

Full-strength magenta and electric blue on a bright cream ground, held together by near-black ink: loud, confident and impossible to ignore.

bold
playful

The colours

Each colour has one job. The mock layout uses only pairs that pass AA, and the list shows every pair that is readable, measured rather than guessed.

Bright Creambackground #fffdf5
Flash Whitesurface #ffffff
Night Violettext #1a1033
Dusky Plummuted #4b3f66
Hot Magentaaccent #d1104f
Electric Blueaccent-2 #0050e6
Ink Outlineborder #1a1033

Sample page

A page in Festival Pop

Every word here is drawn in this palette's own colours, using only pairs that pass AA.

Main action

A card on the surface

Secondary details sit a step quieter than the main text.

A small mock layout drawn in the Festival Pop colours.

Accessible pairs

AA pairs (4.5:1 or more) suit body text; AA large pairs (3:1 or more) are for text 24px and larger.

Flash White on Ink Outline18.0:1 (AA)
Flash White on Night Violet18.0:1 (AA)
Ink Outline on Flash White18.0:1 (AA)
Night Violet on Flash White18.0:1 (AA)
Bright Cream on Ink Outline17.7:1 (AA)
Bright Cream on Night Violet17.7:1 (AA)
Ink Outline on Bright Cream17.7:1 (AA)
Night Violet on Bright Cream17.7:1 (AA)
Dusky Plum on Flash White9.5:1 (AA)
Flash White on Dusky Plum9.5:1 (AA)
Bright Cream on Dusky Plum9.4:1 (AA)
Dusky Plum on Bright Cream9.4:1 (AA)
Electric Blue on Flash White6.4:1 (AA)
Flash White on Electric Blue6.4:1 (AA)
Bright Cream on Electric Blue6.3:1 (AA)
Electric Blue on Bright Cream6.3:1 (AA)
Flash White on Hot Magenta5.4:1 (AA)
Hot Magenta on Flash White5.4:1 (AA)
Bright Cream on Hot Magenta5.3:1 (AA)
Hot Magenta on Bright Cream5.3:1 (AA)
Hot Magenta on Ink Outline3.3:1 (AA large)
Hot Magenta on Night Violet3.3:1 (AA large)
Ink Outline on Hot Magenta3.3:1 (AA large)
Night Violet on Hot Magenta3.3:1 (AA large)

Copy the idea

The Festival Pop recipe — its idea, colours, accessible pairs and rules — ready to paste into a design tool or an AI assistant, or as design tokens.

# Festival Pop — palette recipe

## The idea
- Full-strength magenta and electric blue on a bright cream ground, held together by near-black ink: loud, confident and impossible to ignore.

## Use it for
- Event and festival pages
- Campaign and launch sites
- Youth and creative brands

## Avoid it when
- The subject is sensitive, medical or formal
- Pages hold long reading text or dense data

## Colours
- Bright Cream (background): #fffdf5
- Flash White (surface): #ffffff
- Night Violet (text): #1a1033
- Dusky Plum (muted): #4b3f66
- Hot Magenta (accent): #d1104f
- Electric Blue (accent-2): #0050e6
- Ink Outline (border): #1a1033

## Accessible pairs
- Flash White on Ink Outline — 18.0:1 (AA)
- Flash White on Night Violet — 18.0:1 (AA)
- Ink Outline on Flash White — 18.0:1 (AA)
- Night Violet on Flash White — 18.0:1 (AA)
- Bright Cream on Ink Outline — 17.7:1 (AA)
- Bright Cream on Night Violet — 17.7:1 (AA)
- Ink Outline on Bright Cream — 17.7:1 (AA)
- Night Violet on Bright Cream — 17.7:1 (AA)
- Dusky Plum on Flash White — 9.5:1 (AA)
- Flash White on Dusky Plum — 9.5:1 (AA)
- Bright Cream on Dusky Plum — 9.4:1 (AA)
- Dusky Plum on Bright Cream — 9.4:1 (AA)
- Electric Blue on Flash White — 6.4:1 (AA)
- Flash White on Electric Blue — 6.4:1 (AA)
- Bright Cream on Electric Blue — 6.3:1 (AA)
- Electric Blue on Bright Cream — 6.3:1 (AA)
- Flash White on Hot Magenta — 5.4:1 (AA)
- Hot Magenta on Flash White — 5.4:1 (AA)
- Bright Cream on Hot Magenta — 5.3:1 (AA)
- Hot Magenta on Bright Cream — 5.3:1 (AA)
- Hot Magenta on Ink Outline — 3.3:1 (AA large)
- Hot Magenta on Night Violet — 3.3:1 (AA large)
- Ink Outline on Hot Magenta — 3.3:1 (AA large)
- Night Violet on Hot Magenta — 3.3:1 (AA large)

## Principles
- Use the two bright colours in big, flat blocks, never as thin text on cream.
- Put white text on magenta and blue fills, set large and heavy.
- Outline cards and buttons in thick ink lines to hold the colour in place.
- Give each bright colour its own job, for example magenta for actions and blue for navigation.
- Leave plenty of cream so the colour has room to shout.

Design with the "Festival Pop" palette.
The idea: Full-strength magenta and electric blue on a bright cream ground, held together by near-black ink: loud, confident and impossible to ignore.
It suits: Event and festival pages.
It suits: Campaign and launch sites.
It suits: Youth and creative brands.
Do not choose it when: The subject is sensitive, medical or formal.
Do not choose it when: Pages hold long reading text or dense data.
Use #fffdf5 (Bright Cream) as the background colour.
Use #ffffff (Flash White) as the surface colour.
Use #1a1033 (Night Violet) as the text colour.
Use #4b3f66 (Dusky Plum) as the muted colour.
Use #d1104f (Hot Magenta) as the accent colour.
Use #0050e6 (Electric Blue) as the accent-2 colour.
Use #1a1033 (Ink Outline) as the border colour.
Set body text only in pairs marked AA (at least 4.5:1); pairs marked AA large (at least 3:1) are for text 24px and larger.
Pair: Flash White on Ink Outline — 18.0:1 (AA).
Pair: Flash White on Night Violet — 18.0:1 (AA).
Pair: Ink Outline on Flash White — 18.0:1 (AA).
Pair: Night Violet on Flash White — 18.0:1 (AA).
Pair: Bright Cream on Ink Outline — 17.7:1 (AA).
Pair: Bright Cream on Night Violet — 17.7:1 (AA).
Pair: Ink Outline on Bright Cream — 17.7:1 (AA).
Pair: Night Violet on Bright Cream — 17.7:1 (AA).
Pair: Dusky Plum on Flash White — 9.5:1 (AA).
Pair: Flash White on Dusky Plum — 9.5:1 (AA).
Pair: Bright Cream on Dusky Plum — 9.4:1 (AA).
Pair: Dusky Plum on Bright Cream — 9.4:1 (AA).
Pair: Electric Blue on Flash White — 6.4:1 (AA).
Pair: Flash White on Electric Blue — 6.4:1 (AA).
Pair: Bright Cream on Electric Blue — 6.3:1 (AA).
Pair: Electric Blue on Bright Cream — 6.3:1 (AA).
Pair: Flash White on Hot Magenta — 5.4:1 (AA).
Pair: Hot Magenta on Flash White — 5.4:1 (AA).
Pair: Bright Cream on Hot Magenta — 5.3:1 (AA).
Pair: Hot Magenta on Bright Cream — 5.3:1 (AA).
Pair: Hot Magenta on Ink Outline — 3.3:1 (AA large).
Pair: Hot Magenta on Night Violet — 3.3:1 (AA large).
Pair: Ink Outline on Hot Magenta — 3.3:1 (AA large).
Pair: Night Violet on Hot Magenta — 3.3:1 (AA large).
Follow this rule: Use the two bright colours in big, flat blocks, never as thin text on cream.
Follow this rule: Put white text on magenta and blue fills, set large and heavy.
Follow this rule: Outline cards and buttons in thick ink lines to hold the colour in place.
Follow this rule: Give each bright colour its own job, for example magenta for actions and blue for navigation.
Follow this rule: Leave plenty of cream so the colour has room to shout.
Apply the idea and the rules above; do not copy any existing website.

:root {
  --color-background: #fffdf5;
  --color-surface: #ffffff;
  --color-text: #1a1033;
  --color-muted: #4b3f66;
  --color-accent: #d1104f;
  --color-accent-2: #0050e6;
  --color-border: #1a1033;
}

Download brief (.md)

Where it fits

Use it for

Event and festival pages
Campaign and launch sites
Youth and creative brands

Avoid it when

The subject is sensitive, medical or formal
Pages hold long reading text or dense data

Principles

Use the two bright colours in big, flat blocks, never as thin text on cream.
Put white text on magenta and blue fills, set large and heavy.
Outline cards and buttons in thick ink lines to hold the colour in place.
Give each bright colour its own job, for example magenta for actions and blue for navigation.
Leave plenty of cream so the colour has room to shout.

Back to all palettes