Uktupus Design

Colour

Warm neutrals, one terracotta accent. Click any colour to copy it.

Brand

Terracotta (#D64F2C) is kept for the action that matters: the primary button, links, focus and the active item. Hover and pressed use the deeper #AB3F23. It never fills large areas.

Neutrals

Stone-tinted neutrals do most of the work. They give Uktupus a warm, paper-like feel instead of a cold grey one. Canvas is white (#FFFFFF); cards and soft surfaces sit on #FCFCFB.

Status

Status colours only describe state. They usually appear as a soft tint behind text, like a badge or a highlighted row, and always come with a word or an icon, never colour alone.

Rules

  • One primary button per screen.
  • No gradients, anywhere in the product.
  • Text on white uses Ink, Slate or Stone, never pure black.
  • Charts use a separate series palette. Use status colours in charts only when the series is a status.