All design tokens used across the site. Toggle dark mode with the moon icon in the navbar.
Brand Core
Green (Primary)
#4AB205
Purple (Light)
#753D8E
Purple (Dark)
#9B5DB5
UI Tokens — Light / Dark
--bg
--white (cards)
--ink (text)
--gray
--nav-bg
--footer-bg
8 Pillar Colors
Physical
#5FA812
Emotional
#A20847
Financial
#CDA314
Intellectual
#E65B39
Environmental
#04584B
Spiritual
#6834AC
Social
#009FB3
Occupational
#0D47A1
8 Pillar Colors — Dark Mode
Physical
#a4e05a
Emotional
#f47aa8
Financial
#F5A832
Intellectual
#f5a08e
Environmental
#5ec5b0
Spiritual
#9085D8
Social
#5dd8e8
Occupational
#7C9FE8
Blob / Gradient Accents
Top-left (green)
rgba(74,178,5,0.13)
Top-right (purple)
rgba(117,61,142,0.18)
Bottom-right (amber)
rgba(255,190,90,0.11)
Bottom-left (soft green)
rgba(180,220,140,0.14)
Green Scale
Green 100
#E1EED8
Green 200
#C3DEB2
Green 300
#A5CD8B
Green 400
#87BD65
Green 500
#69AC3F
Green 600
#5A9B2A
Green 700
#4AB205
Green 800
#3A8A04
Green 900
#2A6203
Green 1000
#286005