Theme Gallery

All 31 Crystal themes at a glance. Each card is scoped via data-crystal so you see the real palette in isolation. Click any theme name to apply it globally.

Preview as

Showing 31 themes

Light
Base/Light, professional, unbreakable

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Dark, powerful, sophisticated

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Warm, enterprise, commanding

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Light
Base/Passionate, bold, energetic

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Light
Base/Creative, mystical, premium

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Light
Base/Sunny, optimistic, warm

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Light
Base/Cool, trustworthy, deep

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Growth, nature, prosperity

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Premium, glass-morphic, modern

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Light
Base/Iridescent, adaptive, multi-faceted

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Light
Base/Clean, minimal, transparent

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Regal gold, monochromatic luxury

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Vibrant, energetic, youthful

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Deep black, precision, industrial

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Light
diamond variant/Professional, precise, enterprise

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
onyx variant/Sharp, minimal, technical

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
onyx variant/Elegant, refined, spacious

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
ruby variant/Energetic, confident, bold

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
ruby variant/Sharp, minimal, fast

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
ruby variant/Elegant, refined, fashion

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
amethyst variant/Soft, ethereal, mystical

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
sapphire variant/Professional, balanced, stable

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
sapphire variant/Soft, ethereal, travel

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
citrine variant/Energetic, confident, gaming

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
garnet variant/Sharp, technical, enterprise

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
emerald variant/Balanced, professional, finance

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
rose variant/Elegant, refined, romantic

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
topaz variant/Refined gold, cinematic luxury

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
emerald variant/Vibrant, modern, direct

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
topaz variant/Warm amber, fine dining elegance

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary
Dark
Base/Cinematic warmth, filmic luxury

Headline Text

Body text in secondary foreground with comfortable spacing and readability

Tertiary metadata · captions · timestamps

PrimarySecondary