Flaunt Green Style Guide
A comprehensive guide to colors, typography, and design elements used across the Flaunt Green brand and website.
Primary Colors - Emerald Palette
Emerald 50
#ecfdf5Light backgrounds, subtle accents
Emerald 100
#d1fae5Card backgrounds, light sections
Emerald 200
#a7f3d0Borders, dividers
Emerald 300
#6ee7b7Hover states, icons
Emerald 400
#34d399Interactive elements
Emerald 500
#10b981Primary buttons, links
Emerald 600
#059669Button hover states
Emerald 700
#047857Text, headings
Emerald 800
#065f46Dark buttons, emphasis
Emerald 900
#064e3bPrimary text, navigation
Olive
#8a9e42High contrast text
Secondary Colors - Green Palette
Green 50
#f0fdf4Alternative light backgrounds
Green 100
#dcfce7Success states, highlights
Green 200
#bbf7d0Accent borders
Green 300
#86efacFloating elements, decorative
Green 400
#4ade80Call-to-action elements
Green 500
#22c55eSuccess indicators
Green 600
#16a34aActive states
Green 700
#15803dDark accents
Green 800
#166534Deep text colors
Green 900
#14532dDarkest text, emphasis
Neutral Colors - Stone Palette
Stone 50
#fafaf9Page backgrounds
Stone 100
#f5f5f4Card backgrounds
Stone 200
#e7e5e4Borders, dividers
Stone 300
#d6d3d1Disabled states
Stone 400
#a8a29ePlaceholder text
Stone 500
#78716cSecondary text
Stone 600
#57534eBody text
Stone 700
#44403cHeadings
Stone 800
#292524Dark text
Stone 900
#1c1917Primary text
Accent Colors
Amber 100
#fef3c7Warm highlights
Amber 300
#fcd34dWarning states
Amber 600
#d97706Accent buttons
White
#ffffffCards, overlays
Black
#000000High contrast text
Purple 200
rgb(233 213 255)High contrast text
Purple 500
rgb(168 85 247)High contrast text
Blue 200
rgb(191 219 254)High contrast text
Blue 500
rgb(59 130 246)High contrast text