Themes
Amethyst Dream
Dark purple with soft, ethereal personality — the Cai Toy signature palette.
Amethyst Dream is Crystal's signature dark theme, combining deep purple tones with a warm cream foreground. Originally extracted from the caitoy.com DaisyUI palette, it pairs the amethyst gemstone with dream crystallization for a soft, creative feel.
Mode: Dark | Gemstone: Amethyst | Personality: Dream | Portfolio: caitoy.com
Color Palette
Amethyst Dream Colors
Background
--crystal-bg-primaryBackground Subtle
--crystal-bg-tertiaryBackground Muted
--crystal-bg-secondarySurface
--crystal-surface-primarySurface Elevated
--crystal-surface-elevatedBorder
--crystal-border-defaultBorder Subtle
--crystal-border-subtleText
--crystal-fg-primaryText Secondary
--crystal-fg-secondaryText Muted
--crystal-fg-tertiaryPrimary
--crystal-accent-primaryPrimary Hover
--crystal-accent-secondaryAccent
--crystal-accent-primaryAccent Subtle
--crystal-accent-subtleCool
--crystal-brand-coolWarm
--crystal-brand-warmClick any swatch to copy the CSS variable.
Amethyst Dream Token Values
| Token | Variable | Value | Preview |
|---|---|---|---|
Background | --crystal-bg-primary | #060107 | |
Surface | --crystal-surface-primary | #1F0524 | |
Text | --crystal-fg-primary | #F2F3D9 | |
Text Secondary | --crystal-fg-secondary | #b8b9a3 | |
Primary | --crystal-accent-primary | #4d0a5c | |
Accent | --crystal-accent-primary | #ff7c0a | |
Border | --crystal-border-default | #3d0849 | |
Cool | --crystal-brand-cool | #a1d6f7 | |
Warm | --crystal-brand-warm | #ff7c0a |
Click any row to copy the CSS variable.
Usage
<html data-crystal="amethyst-dream">Amethyst Dream has its crystallization baked in (dream personality), so it works best without overriding the crystallization axis:
- Amethyst Dream + Dream — Full signature look (recommended)
- Amethyst Dream + Luxe — More refined, editorial
When to Use
- Personal portfolios and creative showcases
- Artistic and experimental interfaces
- Brands requiring a distinctive dark-purple identity
- Applications where warm-toned light text on deep purple creates mood