Blue Green Yellow Color Palette
Color Details
HEX: #FFE54A
RGB: 255, 229, 74
HEX: #98FF6E
RGB: 152, 255, 110
HEX: #A1F8FF
RGB: 161, 248, 255
HEX: #00AE7D
RGB: 0, 174, 125
HEX: #80D819
RGB: 128, 216, 25
Color Harmony Analysis
Palette Mood
Temperature
This palette combines light & airy and balanced moods with warm and neutral 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
6
Categories
644
Likes
Export Formats
How to Use This Palette
Color Roles
#FFE54A
Primary background or heading color
#98FF6E
Secondary accent or supporting element
#A1F8FF
Tertiary color for highlights or borders
#00AE7D
Accent or call-to-action color
#80D819
Additional accent for visual depth
Design Applications
- Tech startup branding
- Game design interfaces
- Social media graphics
- Youth-oriented marketing
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
