Colors
The Composio color system. Click any value to copy it to your clipboard.
The brand is adaptive — it flips with the surface. On light, the FOR YOU mode, brand is sky blue (#51a2ff). On dark, the DEV mode, it deepens to #0007cd. That flip is the signature; the swatches below show both values side by side.
The adaptive blue and the surfaces below are the core system for product UI. For expressive, broad-brand moments — covers, hero art, social — reach for the gradients at the bottom.
Brand & Surfaces
Semantic
Reserved for their literal meaning — never use as a generic accent. Each value is mode-paired (FOR YOU / DEV).
Persona Accents
Specialty — outside the brand. Used only to distinguish personas on the learning surface; not part of general UI color.
Gradients
Expressive, broad-brand moments — covers, hero art, social. The Core Gradient is the default; click any value to copy the CSS.