Brand System

Warm cinematic tones with a crisp blue accent.

A brand direction pulled from the source image. Soft coral gradients, grounded dark surfaces, and one clean cool accent for interaction and focus.

Primary Accent

#7FB7F3

Use for active states, links, selected controls, and focused highlights.

Surface Base

#443635

Use for cards, panels, toolbars, widget frames, and dark UI containers.

Core Palette

Soft Peach

#C29B89

Base gradient tone, soft backgrounds, large field color.

Clay Orange

#B37A5A

Secondary gradient stop, hover warmth, decorative fills.

Warm Coral

#A7573C

Primary brand tone, hero accents, visual anchors.

Charcoal Brown

#443635

Main surface color, dark cards, sidebars, shells.

Muted Brown Gray

#745853

Dividers, layered surfaces, subtle UI depth.

Soft Taupe

#9A7C73

Muted text, borders, inactive chips, detail lines.

Sky Blue

#7FB7F3

Accent, active states, links, focus, calls to action.

Typography Direction

Confident, warm, modern.

This palette fits product dashboards, creative tools, media brands, widget ecosystems, and polished personal operating systems. Pair strong display type with restrained body copy and keep the blue accent rare enough that it still feels important.

Ambient UI Editorial dashboard Creative ops Warm dark mode

Token Preview

:root {
  --bg-1: #c29b89;
  --bg-2: #b37a5a;
  --bg-3: #a7573c;
  --surface: #443635;
  --surface-2: #745853;
  --muted: #9a7c73;
  --accent: #7fb7f3;
  --text: #f8f5f2;
}

UI Example

Primary Surface

Dark / grounded

Accent Behavior

Reserved / crisp

Brand Mood

Warm / cinematic