back to palettes
Color lane

Konkret Signals

Constructivist and decisive: three flat primaries used like highlighters against pure black and white, ruled by a visible construction grid. Clean, never muddy.

Signature · the star
primary accentSignal Red · #e30613
Signal Blue · #0057b8
Bright Yellow · #ffd400
Neutrals · the ground
bg
#ffffff
surface
#ffffff
text
#000000
muted
#585858
border
#000000
Semantic · functional accessory
success
warning
error
info
Download .cssprimary-colorsswiss-gridconstructivistflat-signalspure-black-white
Do
  • · Use pure black ink on a white ground as the default; let the three primaries enter only as signals.
  • · Spend one primary per component — a status, a signal bar, a corner marker — never a surface fill.
  • · Keep semantic colours quiet, on outline chips and small dots paired with text.
Don't
  • · Do not fill a surface with a primary or stack multiple primaries inside one component unless it is segmented data.
  • · Do not introduce a fourth accent colour.
  • · Do not cool the neutrals toward blue-grey or warm them toward cream; keep them pure.
try it

remix with this palette

Drop Konkret Signals onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Konkret Signals
Art style
Landing Page
live preview · recolored + filled