Loading...
Created at 06/13/2025 10:25
Dark Mode Webflow Builder
- Midnight Panel#0f172a
- Component Cyan#06b6d4
- Accent Violet#a78bfa
- Neutral Border#334155
- Sidebar Graphite#1e293b
- Light Contrast Beige#f5f5f4
The palette consists of Dark, Light colors. Accent colors Component Cyan #06b6d4 and Light Contrast Beige #f5f5f4. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #0F172A (darkest) to #F5F5F4 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #06B6D4, #0F172A, #1E293B, #334155, #A78BFA, #F5F5F4
Palette Dark Mode Webflow Builder has combination of 6 codes colors:
HEX: #0f172a, RGB: (15, 23, 42); HEX: #06b6d4, RGB: (6, 182, 212); HEX: #a78bfa, RGB: (167, 139, 250)
HEX: #334155, RGB: (51, 65, 85); HEX: #1e293b, RGB: (30, 41, 59); HEX: #f5f5f4, RGB: (245, 245, 244)
Simplified version of palette colors
Shade of Black, Tint of deepskyblue, Shade of mediumpurple, Tint of darkslateblue, Shade of midnightblue, Tint of whitesmoke
Color scheme was created by bad_colors
Colors codes in palette
Dark Mode Webflow Builder color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0f172a | #0f172a | RGB(15, 23, 42) | Midnight Panel | — |
| #06b6d4 | #06b6d4 | RGB(6, 182, 212) | Component Cyan | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Accent Violet | — |
| #334155 | #334155 | RGB(51, 65, 85) | Neutral Border | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Sidebar Graphite | — |
| #f5f5f4 | #f5f5f4 | RGB(245, 245, 244) | Light Contrast Beige | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0f172a | #334155 | 1.72 |
#0f172a | #1e293b | 1.22 |
#06b6d4 | #a78bfa | 1.12 |
#334155 | #1e293b | 1.41 |
Image palette Dark Mode Webflow Builder png
Export Palette
Download the "Dark Mode Webflow Builder" in multiple formats for seamless integration into your design projects.
Available formats: