Ficka Color Palette
Rich Navy & Mint — A modern palette for personal budget tracking
Raw Palette
Slate Cool blue-gray neutrals
50
100
200
300
400
500
600
700
800
900
950
Navy Deep rich blues — Primary
50
100
200
300
400
500
600
700
800
900
950
Gold Champagne gold — Accent
50
100
200
300
400
500
600
700
800
900
950
Mint Fresh mint green — Success
50
100
200
300
400
500
600
700
800
900
950
Amber Rich warm amber — Warning
50
100
200
300
400
500
600
700
800
900
950
Terracotta Warm earthy red — Danger
50
100
200
300
400
500
600
700
800
900
950
Teal Vibrant teal — Links & Highlights
50
100
200
300
400
500
600
700
800
900
950
Rose Dusty rose — Playful accent
50
100
200
300
400
500
600
700
800
900
950
Semantic Tokens
Surfaces
surface
surface-raised
surface-overlay
surface-sunken
Text
Primary text (--color-text)
Muted text (--color-text-muted)
Faint text (--color-text-faint)
Primary
primary
primary-hover
primary-surface
primary-surface-hover
Success
success
success-hover
success-surface
success-surface-hover
Warning
warning
warning-hover
warning-surface
warning-surface-hover
Danger
danger
danger-hover
danger-surface
danger-surface-hover
Accent
accent
accent-hover
accent-surface
Borders
border
border-strong
primary-border
success-border
warning-border
danger-border
UI Examples
Buttons
Budget Summary
Income
+$4,250.00
Expenses
-$2,847.32
Balance
$1,402.68
Alerts
Budget goal achieved this month!
Approaching spending limit in Dining category
Over budget in Entertainment by $127.50
Form Input
Enter the transaction amount
Chart Colors
Up/Gain
Down/Loss
MA 1
MA 2
MA 3