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.
The rest of the palette
Every color in the system, with its hex value and token — the complete spec, matching the asset library. These families are deliberately shown small: they support Bot Teal, they don't compete with it.
Trigger Amber — the action family
Trigger Amber is the CTA fill, used sparingly. The tints back the button glow and warm surfaces.
Ops Indigo — secondary family
Full-section blocks — testimonial bands, hero alternates. A supporting color, never a lead.
Alert Coral — alert family
Alert states and the button arrow accent. The smallest footprint of any family.
Neutrals — connective tissue
Dividers, nav pills, page base. Never lead with them.
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.