HEX: #765CD8RGB: 118 / 92 / 216
Color palette with tokens for surfaces, text, borders, and interactive states across light interfaces.
Brand accent, foundational backgrounds, grayscale neutrals, and page canvases.
Primary brand accent for main actions, links, and focus states.
Primary neutral canvas behind the design library.
Alternate neutral canvas for layered sections.
Deep muted gray for disabled text and soft strokes.
Medium neutral used for disabled fills.
Mid-light neutral for placeholders and support text.
Light neutral used by stronger divider roles.
Soft neutral for very light accents.
Near-white neutral for low-contrast surfaces.
Warm off-white foundational background tone.
Primary page canvas for standard layouts.
Alternate canvas for layered regions.
Primary heading color for high-emphasis labels.
Default paragraph color for reading content.
Muted helper color for input placeholders.
Reduced-emphasis text for unavailable states.
Subtle supporting text for helper notes.
Filled action surface for the main CTA.
Hover state for the primary button fill.
Pressed state for the primary button fill.
Transparent base for secondary emphasis.
Hover fill behind secondary actions.
Pressed fill behind secondary actions.
Low-emphasis tinted button surface.
Hover fill for tertiary buttons.
Pressed fill for tertiary buttons.
Filled positive action surface.
Hover state for positive action fills.
Pressed state for positive action fills.
Filled destructive action surface.
Hover state for destructive fills.
Pressed state for destructive fills.
Muted fill used when actions are unavailable.
Foreground text for filled primary buttons.
Foreground text for secondary actions.
Foreground text for tertiary actions.
Foreground text for text-only controls.
Foreground text for destructive buttons.
Foreground text for positive buttons.
Base border tone for low-emphasis dividers.
Stronger border tone for added separation.
Accent stroke for secondary button outlines.
Foreground icon color used inside filled buttons.
Standard icon color for general interface icons.
Icon color used inside text-only actions.
Default field surface for editable controls.
Muted field surface for unavailable controls.
Base field border used in the default state.
Accent border used when a field is active.