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
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 = ['#2980B9', '#576574']
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
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:
2980B9
01A3A4
576574
9B59B6
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
#cold#zero-trust-security-console
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
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
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:
3498DB
8E44AD
34495E
48DBFB
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
colorpalettedeck.com
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
#cold#zero-trust-security-console
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
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
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:
10AC84
48DBFB
54A0FF
576574
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
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
#cold#zero-trust-security-console
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
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
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:
222F3E
00D2D3
54A0FF
10AC84
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#222F3E', '#54A0FF']
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
#cold#zero-trust-security-console
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:
2E86DE
222F3E
10AC84
0ABDE3
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
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
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
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
#cold#zero-trust-security-console
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
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
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
#cold#zero-trust-security-console
That’s every zero trust security console palette.
Try another collection, or make your own.
Scroll for more