Interface · 04

Palette

Two sources, one system. The eight elegant pastels supply the light fills; the house palette supplies the working greens, ambers and cyans the dashboards already use. Every fill carries a darkened same-hue companion, because a pastel cannot hold a 1px stroke or a text label on its own — that pairing is what makes the charts legible in both themes.

01 Accent stroke weight · no purple

The site highlight is Teal #3792A4 — the darkened companion of the palette's aqua, and the accent the house sheet already uses. It reads as a link, survives on cream paper and on dark, and is not purple. Pick any of the twelve below from the header icon; anyone still holding a retired purple is migrated to teal automatically.

02 Eight elegant pastels fill / stroke pairs

Orchid Mist

#F4E1FC / #9A6BB0

--pastel-pastel-orchid · --stroke-pastel-orchid

Violet

#F0BEFA / #A855C4

--pastel-pastel-violet · --stroke-pastel-violet

Peach

#FCDCC7 / #C97E45

--pastel-pastel-peach · --stroke-pastel-peach

Vanilla

#FCF7DC / #B39B3C

--pastel-pastel-vanilla · --stroke-pastel-vanilla

Blush

#FFE6E6 / #C77070

--pastel-pastel-blush · --stroke-pastel-blush

Rose

#FFC2D0 / #C75F81

--pastel-pastel-rose · --stroke-pastel-rose

Aqua

#AFEFFD / #2E8FA6

--pastel-pastel-aqua · --stroke-pastel-aqua

Mint

#E0FFF1 / #3E9B72

--pastel-pastel-mint · --stroke-pastel-mint

03 House palette carried over from the reference dashboards

Indigo

#BDBEDC / #6E6FA8

--pastel-pastel-indigo · --stroke-pastel-indigo

Cyan

#80DEEA / #3792A4

--pastel-pastel-cyan · --stroke-pastel-cyan

Green

#A5D6A7 / #5E9463

--pastel-pastel-green · --stroke-pastel-green

Amber

#FFD54F / #B08A2A

--pastel-pastel-amber · --stroke-pastel-amber

Coral

#EF9A9A / #C06060

--pastel-pastel-coral · --stroke-pastel-coral

Lilac

#D1C4E9 / #7E63B0

--pastel-pastel-lilac · --stroke-pastel-lilac

Teal

#B2DFDB / #3E8F86

--pastel-pastel-teal · --stroke-pastel-teal

Lime

#D4F1A8 / #6F9435

--pastel-pastel-lime · --stroke-pastel-lime

04 Chart series order hues alternate so neighbours never collide

--chart-1 Aqua

--chart-2 Rose

--chart-3 Vanilla

--chart-4 Mint

--chart-5 Peach

--chart-6 Violet

--chart-7 Blush

--chart-8 Orchid Mist

05 Status ramp meters, chips, badges

#A5D6A7 / #5E9463

--status-ok · --status-ok-stroke

warn

#FFD54F / #B08A2A

--status-warn · --status-warn-stroke

crit

#EF9A9A / #C06060

--status-crit · --status-crit-stroke

idle

#BDBEDC / #6E6FA8

--status-idle · --status-idle-stroke

06 The same palette, in panels drag · collapse · tab

A colour bench built from panel elements. This one writes: Apply sets the site accent through the same store the header icon uses, so the whole site repaints and the choice is persisted. Click a title bar and press Tab to walk the controls — arrows step the swatch list and move the picker along the ramp, Space fires a button.

#3792A4 · live accent #3792A4