Loading...
Created at 07/19/2025 07:39
Behavioral Design Interaction Kit
- Nudge Coral#fb7185
- Habit Yellow#fde68a
- Choice Architecture Gray#a1a1aa
- Cognitive Trigger Blue#3b82f6
- Motivation Mint#34d399
- Dark Pattern Warning#ef4444
The palette consists of Light colors. Accent colors Habit Yellow #fde68a and Cognitive Trigger Blue #3b82f6. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #34D399 (darkest) to #FDE68A (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #34D399, #3B82F6, #A1A1AA, #EF4444, #FB7185, #FDE68A
Palette Behavioral Design Interaction Kit has combination of 6 codes colors:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #fde68a, RGB: (253, 230, 138); HEX: #a1a1aa, RGB: (161, 161, 170)
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #34d399, RGB: (52, 211, 153); HEX: #ef4444, RGB: (239, 68, 68)
Simplified version of palette colors
Tint of lightcoral, Shade of Khaki, Tint of darkgrey, Tint of dodgerblue, Tint of mediumaquamarine, Tint of indianred
Color scheme was created by colorday
Colors codes in palette
Behavioral Design Interaction Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Nudge Coral | — |
| #fde68a | #fde68a | RGB(253, 230, 138) | Habit Yellow | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Choice Architecture Gray | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Cognitive Trigger Blue | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Motivation Mint | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Dark Pattern Warning | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fb7185 | #a1a1aa | 1.05 |
#fb7185 | #3b82f6 | 1.36 |
#fb7185 | #34d399 | 1.4 |
#fb7185 | #ef4444 | 1.39 |
#fde68a | #34d399 | 1.54 |
#a1a1aa | #3b82f6 | 1.43 |
Image palette Behavioral Design Interaction Kit png
Export Palette
Download the "Behavioral Design Interaction Kit" in multiple formats for seamless integration into your design projects.
Available formats: