back to palettes
Color lane

Drafting Floor

A deep ink-navy drafting ground with three reserved highlighter accents and warm-cream text — engineering-plate calm with confident, high-contrast pops.

Signature · the star
primary accentSignal · #3d8bff
Attention · #ffb02e
Resolved · #36d6a0
Neutrals · the ground
bg
#0f1b33
surface
#17263f
text
#f4efe2
muted
#9db0ce
border
#2c3f5e
Semantic · functional accessory
success
warning
error
info
Download .cssdarkink-navysignal-blueambermint
Do
  • · Keep the dark navy as the ground; let accents act like highlighter marks.
  • · Hold blue/amber/mint to fixed status meanings; keep red for true failure only.
  • · Pair every accent with cream or ink text at high contrast.
Don't
  • · Wash the ground in a pale tint or use accents as large fills.
  • · Use amber behind small body text without ink text and padding.
  • · Distinguish states by colour alone.
try it

remix with this palette

Drop Drafting Floor onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Drafting Floor
Art style
Landing Page
live preview · recolored + filled