back to palettes
Color lane

Gallery Cerulean Memory

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

Signature · the star
primary accentCalm browser cerulean · #5276a4
Stationery lavender · #a49ac2
Desk mint · #8eb7a4
Film highlight peach · #d59a7e
Neutrals · the ground
bg
#f3f0e9
surface
#fcfbf7
text
#262a2e
muted
#747a80
border
#d8d2c7
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
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.
Don't
  • · 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 it

remix with this palette

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

UI language
Palette · fixed
Gallery Cerulean Memory
Art style
Landing Page
no composition
live preview · recolored + filled