back to palettes
Color lane

Vermilion Register

A cool proofing-bench palette: a pale blue-grey proofing stock carries the frame, deep ink-navy does the structure, and a single vermilion registration lock marks what still needs chasing. Cobalt is the quiet counter-ink. Bright and crisp, never muddy.

Signature · the star
primary accentVermilion register · #d8341e
Ink navy · #16202e
Cobalt counter · #2456c8
Neutrals · the ground
bg
#e7ecf1
surface
#f3f6f9
text
#16202e
muted
#5c6b7c
border
#c3cdd8
Semantic · functional accessory
success
warning
error
info
Download .csscool-paperink-navyvermilioncobaltproofing
Do
  • · Let the cool proofing stock carry the whole frame.
  • · Use vermilion only as a registration lock, a colour-pop, or the hot mark in a gauge.
  • · Use cobalt as a quiet counter-ink for links and info.
  • · Keep ink-navy text for high contrast.
Don't
  • · Don't flood panels with vermilion as a flat fill.
  • · Don't drop to a white or warm-paper background — the cool stock is the identity.
  • · Don't let semantic red read as a primary brand colour.
  • · Don't mute the accents into muddy greys.
try it

remix with this palette

Drop Vermilion Register onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Vermilion Register
Art style
Landing Page
live preview · recolored + filled