Palettes

Palettes

• RedA bold red color palette
• PinkA playful pink color palette
• FuchsiaA vibrant fuchsia color palette
• PurpleA royal purple color palette
• VioletA dreamy violet color palette
• IndigoA deep indigo color palette
• AzureThe default azure color palette
• BlueA classic blue color palette
• CyanA fresh cyan color palette
• JadeA rich jade color palette
• GreenA natural green color palette
• LimeA bright lime color palette
• YellowA cheerful yellow color palette
• AmberA warm amber color palette
• PumpkinA seasonal pumpkin color palette
• OrangeAn energetic orange color palette
• SandA warm sand color palette
• GreyA neutral grey color palette
• ZincA modern zinc color palette
• SlateA cool slate color palette

Tier 1: System Tokens

--background-color

--color

--color-muted

--border-color

--typography-color

--color-hover-shade

Tier 2: Variant Tokens

--primary-color

--primary-background-color

--primary-color-hover

--primary-background-color-hover

--primary-outline-color

--secondary-color

--secondary-background-color

--secondary-color-hover

--secondary-background-color-hover

--secondary-outline-color

--contrast-color

--contrast-background-color

--contrast-color-hover

--contrast-background-color-hover

--contrast-outline-color

--success-color

--success-background-color

--success-color-hover

--success-background-color-hover

--success-outline-color

--info-color

--info-background-color

--info-color-hover

--info-background-color-hover

--info-outline-color

--warning-color

--warning-background-color

--warning-color-hover

--warning-background-color-hover

--warning-outline-color

--danger-color

--danger-background-color

--danger-color-hover

--danger-background-color-hover

--danger-outline-color

Tier 3: Component Tokens

--code-background-color

--code-color

--kbd-background-color

--kbd-color

--kbd-font-weight

--mark-background-color

--buttons-color

--buttons-color-hover

--buttons-background-color

--buttons-background-color-hover

--inputs-background-color

--inputs-background-color-focus

--inputs-border-color

--inputs-color

--inputs-placeholder-color

--inputs-accent-color

--inputs-accent-color-muted

--input-switch-thumb-background-color

--input-radio-background-color

--input-range-thumb-size

--input-range-thumb-margin-top

--input-range-thumb-border-width

--input-range-track-background-color

--input-range-track-height

--input-range-thumb-border-color

--details-summary-color

--details-summary-color-open

--links-color

--links-color-hover

--lists-marker-color

--dialog-background-color

--dialog-border-color

--dialog-marginals-background-color

--dialog-marginals-border-color

--details-menu-background-color

--details-menu-border-color

--details-menu-color

--details-dropdown-color

--details-dropdown-background-color

--details-dropdown-border-color

--details-menu-background-color-hover

--menu-box-shadow

--progress-track-background-color

--progress-accent-color

--tooltip-background-color

--tooltip-color

--selection-background-color

--backdrop-background-color