Created at 07/11/2025 20:21
Webflow Interface AI UX
- Collection Aqua#14b8a6
- Responsive Slate#64748b
- CMS Blush#ff758f
- Section Eggshell#fffdf6
- Breakpoint Indigo#6366f1
- Publish Black#111827
The palette consists of Light, Dark colors. Accent colors Section Eggshell #fffdf6 and Breakpoint Indigo #6366f1. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #111827 (darkest) to #FFFDF6 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #111827, #14B8A6, #6366F1, #64748B, #FF758F, #FFFDF6
Palette Webflow Interface AI UX has combination of 6 codes colors:
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #64748b, RGB: (100, 116, 139); HEX: #ff758f, RGB: (255, 117, 143)
HEX: #fffdf6, RGB: (255, 253, 246); HEX: #6366f1, RGB: (99, 102, 241); HEX: #111827, RGB: (17, 24, 39)
Simplified version of palette colors
Tint of lightseagreen, Tint of slategrey, Tint of lightcoral, Shade of floralwhite, Tint of mediumslateblue, Shade of Black
Color scheme was created by colourlock
Colors codes in palette
Webflow Interface AI UX color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Collection Aqua | — |
| #64748b | #64748b | RGB(100, 116, 139) | Responsive Slate | — |
| #ff758f | #ff758f | RGB(255, 117, 143) | CMS Blush | — |
| #fffdf6 | #fffdf6 | RGB(255, 253, 246) | Section Eggshell | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Breakpoint Indigo | — |
| #111827 | #111827 | RGB(17, 24, 39) | Publish Black | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#14b8a6 | #64748b | 1.91 |
#14b8a6 | #ff758f | 1.02 |
#14b8a6 | #6366f1 | 1.79 |
#64748b | #ff758f | 1.85 |
#64748b | #6366f1 | 1.06 |
#ff758f | #6366f1 | 1.74 |
Image palette Webflow Interface AI UX png
Export Palette
Download the "Webflow Interface AI UX" in multiple formats for seamless integration into your design projects.
Available formats: