colorpalettedeck.com
Halo 4.5 ▾
Share
Build me a calm 4-colour palette for a banking dashboard.
✦
Here is a balanced set — a soft base, a panel tone and two accents that stay readable in light and dark:
2C3E50
F39C12
9B59B6
2980B9
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
colorpalettedeck.com
Website Redesign
On track
M
K
R
+ New task
Backlog
6
Audit current IA
·
Competitor sweep
·
In progress
3
New nav prototype
·
Colour system
·
Review
2
Homepage copy
·
Shipped
8
Footer rebuild
·
Icon set
·
Project Board
colorpalettedeck.com
Pricing
Simple plans that scale
No hidden fees. Cancel whenever you like.
Starter
$0/mo
✓
3 projects
✓
Community support
✓
1 seat
Choose Starter
POPULAR
Studio
$29/mo
✓
Unlimited projects
✓
Priority support
✓
10 seats
✓
Custom domains
Choose Studio
Agency
$79/mo
✓
Everything in Studio
✓
SSO & audit logs
✓
Dedicated manager
Choose Agency
Pricing Page
colorpalettedeck.com
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
#nature#renewable-grid-balancer-ui
colorpalettedeck.com
Website Redesign
On track
M
K
R
+ New task
Backlog
6
Audit current IA
·
Competitor sweep
·
In progress
3
New nav prototype
·
Colour system
·
Review
2
Homepage copy
·
Shipped
8
Footer rebuild
·
Icon set
·
Project Board
colorpalettedeck.com
Pricing
Simple plans that scale
No hidden fees. Cancel whenever you like.
Starter
$0/mo
✓
3 projects
✓
Community support
✓
1 seat
Choose Starter
POPULAR
Studio
$29/mo
✓
Unlimited projects
✓
Priority support
✓
10 seats
✓
Custom domains
Choose Studio
Agency
$79/mo
✓
Everything in Studio
✓
SSO & audit logs
✓
Dedicated manager
Choose Agency
Pricing Page
colorpalettedeck.com
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#16A085', '#34495E']
5
6
export function swatch(hex) {
7
const ink = chroma(hex).luminance() > 0.5
8
? '#111' : '#fff'
9
return { bg: hex, ink }
10
}
⑃ main✓ 0 errors
Ln 7, Col 24JavaScriptUTF-8
Code Editor
#nature#renewable-grid-balancer-ui
colorpalettedeck.com
Good morning, Alex
Here is what happened this week
Export
A
Revenue
$48.2k
+12.4%
Sessions
19,480
+8.1%
Conversion
4.7%
+0.9%
Revenue over time
This year
Last year
Analytics Dashboard
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#ECF0F1', '#2ECC71']
5
6
export function swatch(hex) {
7
const ink = chroma(hex).luminance() > 0.5
8
? '#111' : '#fff'
9
return { bg: hex, ink }
10
}
⑃ main✓ 0 errors
Ln 7, Col 24JavaScriptUTF-8
Code Editor
colorpalettedeck.com
Pricing
Simple plans that scale
No hidden fees. Cancel whenever you like.
Starter
$0/mo
✓
3 projects
✓
Community support
✓
1 seat
Choose Starter
POPULAR
Studio
$29/mo
✓
Unlimited projects
✓
Priority support
✓
10 seats
✓
Custom domains
Choose Studio
Agency
$79/mo
✓
Everything in Studio
✓
SSO & audit logs
✓
Dedicated manager
Choose Agency
Pricing Page
colorpalettedeck.com
Fieldnote
Where good
ideas settle.
ideas settle.
Join 40,000 designers keeping their research, notes and references in one place.
Welcome back
Sign in to continue to your workspace.
Email address
Password
Sign in
OR
Continue with Google
Sign In Screen
#nature#renewable-grid-balancer-ui
colorpalettedeck.com
Fieldnote
Where good
ideas settle.
ideas settle.
Join 40,000 designers keeping their research, notes and references in one place.
Welcome back
Sign in to continue to your workspace.
Email address
Password
Sign in
OR
Continue with Google
Sign In Screen
colorpalettedeck.com
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
colorpalettedeck.com
Pricing
Simple plans that scale
No hidden fees. Cancel whenever you like.
Starter
$0/mo
✓
3 projects
✓
Community support
✓
1 seat
Choose Starter
POPULAR
Studio
$29/mo
✓
Unlimited projects
✓
Priority support
✓
10 seats
✓
Custom domains
Choose Studio
Agency
$79/mo
✓
Everything in Studio
✓
SSO & audit logs
✓
Dedicated manager
Choose Agency
Pricing Page
colorpalettedeck.com
Halo 4.5 ▾
Share
Build me a calm 4-colour palette for a banking dashboard.
✦
Here is a balanced set — a soft base, a panel tone and two accents that stay readable in light and dark:
E67E22
55EFC4
27AE60
74B9FF
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
#nature#renewable-grid-balancer-ui
colorpalettedeck.com
Fieldnote
Where good
ideas settle.
ideas settle.
Join 40,000 designers keeping their research, notes and references in one place.
Welcome back
Sign in to continue to your workspace.
Email address
Password
Sign in
OR
Continue with Google
Sign In Screen
colorpalettedeck.com
Pricing
Simple plans that scale
No hidden fees. Cancel whenever you like.
Starter
$0/mo
✓
3 projects
✓
Community support
✓
1 seat
Choose Starter
POPULAR
Studio
$29/mo
✓
Unlimited projects
✓
Priority support
✓
10 seats
✓
Custom domains
Choose Studio
Agency
$79/mo
✓
Everything in Studio
✓
SSO & audit logs
✓
Dedicated manager
Choose Agency
Pricing Page
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#9B59B6', '#C0392B']
5
6
export function swatch(hex) {
7
const ink = chroma(hex).luminance() > 0.5
8
? '#111' : '#fff'
9
return { bg: hex, ink }
10
}
⑃ main✓ 0 errors
Ln 7, Col 24JavaScriptUTF-8
Code Editor
colorpalettedeck.com
Now in public beta
Design faster,
ship brighter.
ship brighter.
Everything your team needs to go from first sketch to production in a single, calm workspace.
Start free trial
Watch demo
Today
Kickoff review
Design QA
Ship v2.1
Landing Page
#nature#renewable-grid-balancer-ui
colorpalettedeck.com
Website Redesign
On track
M
K
R
+ New task
Backlog
6
Audit current IA
·
Competitor sweep
·
In progress
3
New nav prototype
·
Colour system
·
Review
2
Homepage copy
·
Shipped
8
Footer rebuild
·
Icon set
·
Project Board
colorpalettedeck.com
Pricing
Simple plans that scale
No hidden fees. Cancel whenever you like.
Starter
$0/mo
✓
3 projects
✓
Community support
✓
1 seat
Choose Starter
POPULAR
Studio
$29/mo
✓
Unlimited projects
✓
Priority support
✓
10 seats
✓
Custom domains
Choose Studio
Agency
$79/mo
✓
Everything in Studio
✓
SSO & audit logs
✓
Dedicated manager
Choose Agency
Pricing Page
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#95A5A6', '#55EFC4']
5
6
export function swatch(hex) {
7
const ink = chroma(hex).luminance() > 0.5
8
? '#111' : '#fff'
9
return { bg: hex, ink }
10
}
⑃ main✓ 0 errors
Ln 7, Col 24JavaScriptUTF-8
Code Editor
colorpalettedeck.com
Fieldnote
Where good
ideas settle.
ideas settle.
Join 40,000 designers keeping their research, notes and references in one place.
Welcome back
Sign in to continue to your workspace.
Email address
Password
Sign in
OR
Continue with Google
Sign In Screen
#nature#renewable-grid-balancer-ui
That’s every renewable grid balancer ui palette.
Try another collection, or make your own.
Scroll for more