R&D
Global colors
Each row uses a native color picker so you can choose any color. Values are saved in this browser only (localStorage). Until you pick, the site uses public/theme-dynamic.css (default hue 218°). Reference swatches: primary #53788a, emphasis #270606.
Accent color
The teal/blue on headings (e.g. accent words in the hero), chips, and the main search button — driven by text-accent and text-clay site-wide.
Accent swatch
#768193
Suggested from hue; pick any color to lock accent everywhere.
Page background
Main canvas behind content (bg-background). Cards and muted panels use neutral shades derived from this pick so they are not tinted by the hue slider. Body text contrast is automatic; use a darker background for light text.
Background swatch
#FBFBFB
Suggested from hue; pick any color for the site canvas.
Primary color
Exact color for default buttons, focus rings, and cart badge only. Does not change page background — use Page background above and the Hue slider for neutrals and canvas.
Primary swatch
#4C5B76
Palette hue 218° · suggested swatch from hue until you lock a primary here.
Emphasis color
Used for high-attention actions (e.g. “Contact us”, “Send message”) via the emphasis button style. Independent from primary.
Emphasis swatch
#270606
Picker shows a suggested color; move it to set emphasis site-wide.
Hue & presets
0–360° shifts OKLCH neutrals, cards, and borders in theme-dynamic.css. For exact brand colors, use the dedicated color pickers on this page — they are not limited to these shortcuts.