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.
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