Portfolio Color Palettes
Explore the design systems and color schemes used in my portfolio projects
Cruise Booking App
A sophisticated color palette inspired by ocean travel and luxury, designed to convey trust and reliability.
Primary Colors
Ocean Blue
#1e40af
Deep Navy
#1e3a8a
Coral Accent
#f97316
Gold Highlight
#fbbf24
Neutral Colors
Charcoal
#1f2937
Steel Gray
#4b5563
Light Gray
#9ca3af
Silver Border
#e5e7eb
Pearl White
#f9fafb
Pure White
#ffffff
Design Philosophy
- • Trust & Reliability: Blue tones convey security and dependability
- • Luxury & Premium: Gold accents suggest high-quality service
- • Warmth & Approachability: Coral highlights create friendly interactions
- • Clean & Modern: Neutral grays provide professional foundation
Design Philosophy
- • Creativity & Innovation: Purple and pink convey artistic expression
- • Technology & Trust: Blue tones represent reliability and expertise
- • Energy & Excitement: Bright colors create engaging user experience
- • Modern & Professional: Clean neutrals provide sophisticated foundation
Dreamvision
A vibrant, energetic color palette that reflects creativity and innovation, designed to inspire and engage.
Primary Colors
Electric Purple
#8b5cf6
Vibrant Pink
#ec4899
Neon Blue
#06b6d4
Lime Green
#84cc16
Neutral Colors
Midnight Black
#0f172a
Slate Gray
#475569
Cool Gray
#94a3b8
Light Gray
#e2e8f0
Ghost White
#f8fafc
Pure White
#ffffff
Expensely
A carefully crafted color palette that balances professionalism with accessibility, designed for financial management.
Primary Colors
Primary Blue
#2563eb
Secondary Blue
#3b82f6
Success Green
#16a34a
Warning Yellow
#eab308
Neutral Colors
Dark Gray
#111827
Medium Gray
#374151
Light Gray
#6b7280
Border Gray
#d1d5db
Background Gray
#f3f4f6
White
#ffffff
Semantic Colors
Error Red
#ef4444
Purple
#a855f7
Accessibility Features
- • All color combinations meet WCAG 2.1 AA contrast requirements
- • Color is never used as the sole indicator of information
- • High contrast ratios ensure readability across all devices
- • Semantic color usage for clear information hierarchy
Technical Implementation
- • Drupal 9 & 10: Modern CMS with advanced content management
- • Accessibility: WCAG 2.1 AA compliance throughout
- • Responsive Design: Mobile-first approach
- • Performance: Optimized for speed and SEO
Drupal CMS Development
Rutgers Statewide website featuring a professional color scheme designed for educational institutions.
Brand Colors
Rutgers Red
#cc0000
Black
#000000
White
#ffffff
Live Website
Visit the live Rutgers Statewide website to see the Drupal CMS implementation:
View Live Website