Heartstopper Leaves Color Palette
Color Details
HEX: #6BDCA0
RGB: 107, 220, 160
HEX: #F4A5A5
RGB: 244, 165, 165
HEX: #F1EE92
RGB: 241, 238, 146
HEX: #DCC3DC
RGB: 220, 195, 220
HEX: #C9DAE2
RGB: 201, 218, 226
Color Harmony Analysis
Palette Mood
Temperature
This palette combines balanced and light & airy moods with neutral and warm and cool tones, making it versatile for various design applications.
How to Use This Palette
Web Design
Use these colors for your website backgrounds, text, accents, and interactive elements to create visual harmony.
UI/UX Design
Create a cohesive user interface with these colors for buttons, cards, modals, and user feedback elements.
Branding
Establish a strong brand identity using this palette consistently across all marketing and communication materials.
Palette Statistics
5
Colors
5
Tags
5
Categories
2186
Likes
Export Formats
How to Use This Palette
Color Roles
#6BDCA0
Primary background or heading color
#F4A5A5
Secondary accent or supporting element
#F1EE92
Tertiary color for highlights or borders
#DCC3DC
Accent or call-to-action color
#C9DAE2
Additional accent for visual depth
Design Applications
- Web design and interfaces
- Graphic design projects
- Branding and identity
- Marketing materials
- Digital art and illustration
Best Practices
- • Maintain adequate contrast between foreground and background colors
- • Use the darkest color for text and the lightest for backgrounds when possible
- • Limit accent colors to 1-2 colors to maintain visual hierarchy
- • Test your design with accessibility tools to ensure readability
- • Use white or off-white space to let colors breathe
