Colors
Seven accents and two warm neutrals. Each OKLCH scale has 11 shades. Select a swatch to copy its CSS variable.
Accents
Lychee
Use for errors and destructive actions.
Persimmon
Reserve for primary actions and focus states.
Durian
Use for warnings and important highlights.
Pandan
Use for success and availability.
Blueberry
Use for information and links.
Mangosteen
Use for decorative accents.
Dragonfruit
Use for playful highlights.