Back to palettes

Gallery Cerulean Memory

Museum-white calm, early-2000s cerulean memory, 1980s stationery softness, and 1990s film-warm highlights without sepia costume.

warm-neutral with cool optimistic accents, restrained cerulean blue.

Download .css

Colours

4 signature colours, 5 neutrals, 4 semantic.

Signature

Calm browser cerulean#5276A4
Stationery lavender#A49AC2
Desk mint#8EB7A4
Film highlight peach#D59A7E

Neutrals

bg#F3F0E9
surface#FCFBF7
text#262A2E
muted#747A80
border#D8D2C7

Semantic

success#5F806D
warning#B7834E
error#A45D5A
info#5276A4

Ramps

accent
neutral

Using it

Do

  • Let museum-white bg and surface occupy roughly 70–80% of the composition; color should feel placed, not poured.
  • Use Calm browser cerulean as the single primary action and navigation selection color.
  • Use lavender and mint as companion tints for grouping, empty states, stationery-like side notes, and low-pressure secondary UI.
  • Use peach as a film-warm highlight for avatars, timestamps, annotations, and celebratory micro-moments rather than global chrome.
  • Pair text on surface and text on bg for AA+ body reading; use dark accent.900 or text on pale accent tints.

Avoid

  • Do not push the palette into sepia nostalgia, muddy browns, childish primaries, or neon Y2K overload.
  • Do not use all four signature colors at equal volume; cerulean leads, lavender/mint support, peach appears sparingly.
  • Do not set body copy in muted on bg; reserve muted for metadata and labels at larger sizes.
  • Do not replace the museum-white ground with saturated pastel fields; that makes it generic stationery instead of gallery-polished.

Try a remix

Drop Gallery Cerulean Memory onto any UI language and swap the art style. The preview recolours live.

UI language
Palette
Gallery Cerulean Memory
Art style