Teal-led, warm-balanced, used in pairs.
Color is the fastest way a Rewst page becomes a Rewst page. Anchor on Bot Teal — it's the only color weird enough to represent our energy. Then balance with a warm accent and a soft cousin. Solid fills only; no gradients between hues.
Primary — teals
Five shades of teal that work as one system. Bot Teal Deep carries weight (backgrounds, footers), Bot Teal punches (marks, indicators), and Bot Teal Light and Pale soften surfaces and headlines on dark.
Action — warm
Trigger Amber is the call-to-action color. It lives almost exclusively on primary buttons and the occasional headline that needs to land. Trigger Amber Light is the "glow" behind the arrow accent.
Accent — indigo & amber tints
Ops Indigo and Ops Indigo Light appear as full-section blocks (think testimonial bands, hero alternates). Trigger Amber Dark and Deep sit on amber surfaces, where black text would feel too harsh.
Neutrals
Neutrals are the connective tissue — never lead with them. White is the default page; the grays carry dividers, nav pills, and the rare flat surface that doesn't want to be aqua.
How color pairs
Every colored block pairs a saturated color with a supporting shade from the same family — that's how depth happens without drop shadows. Solid fills only; no gradients between hues.
Primary — full sections & pages
Use these on large, primary surfaces: heroes, full-bleed section bands, and whole pages.
Secondary — insets, icons & inline
Monochromatic treatments: a single hue carried across base, surface, and accent. Use on smaller inset sections, iconography, and small inline moments within a page.