Color Palette

Visual reference for all theme colors in your nomix-ui application

Riptide Scale

50

#f0fdfa

100

#ccfbf0

200

#98f7e3

300

#65ecd5

400

#2cd5be

500

#13b9a5

600

#0c9587

700

#0e776e

800

#105f58

900

#134e49

950

#042f2d

Semantic Colors

Background

Foreground

Card

Card Foreground

Primary

Primary Foreground

Secondary

Secondary Foreground

Muted

Muted Foreground

Accent

Accent Foreground

Destructive

Destructive Foreground

Border

Input

Ring

Chart Colors

Chart 1

Chart 2

Chart 3

Chart 4

Chart 5

Sidebar Colors

Sidebar

Sidebar Foreground

Sidebar Primary

Sidebar Primary Foreground

Sidebar Accent

Sidebar Accent Foreground

Sidebar Border

Sidebar Ring

Gradient Examples

Light Gradient

Medium Gradient

Dark Gradient

Usage Examples

Button Variants

Card Variants

Default Card

Riptide Card

Muted Card