Structure & Movement
Click to flip
Sample Card Title
Sample Card Title
Subtitle in Dark Teal
Body text in dark navy (#000F36). Light blue borders (#8AE9FF) framing both sides. Dark teal (#093A47) for headings and accents.
Click to flip
Second Card Test
Second Card Test
Side by Side
Dark teal front with light blue accents — distinct from both the navy site palette and the emerald Work tier.
TBI Hierarchy of Health – Color Palette
TIER 1: RELATIONSHIP TO SPIRIT
Purple/Lavender
Card: #9B7EBD → #C8A5E0
Border: #350378 (Dark Purple)
TIER 2: RELATIONSHIP TO SELF
Periwinkle Blue
Card: #7B9FD3 → #A5C8F0
Border: #2A4B7E (Navy Periwinkle)
TIER 3: INTIMACY
Burgundy/Wine
Card: #8B3A62 → #A15075
Border: #6D3F54 (Dark Mauve)
TIER 4: WORK
Emerald Green
Card: #015142 (solid)
Border: #FFF8E7 (Cream)
Back: White with green text
REMAINING TIERS (Original Planned Colors)
TIER 5: MOVEMENT
Coral/Terracotta
#D4956B → #F0C090
TIER 6: DIET
Ocean Teal
#6FA8A8 → #95D0D0
TIER 7: LASTLY
Golden Amber
#C4A05E → #E8C878