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:
D63031
A29BFE
81ECEC
6C5CE7
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
VIP ACCESS
Chroma
Festival ’26
Festival ’26
Three days of design, sound and colour at the old harbour warehouse.
DOORS
18:00
STAGE
Main Hall
ROW
A · 42
24
OCTOBER
0042 88 17
Event Ticket
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
EST. 2019
Marlow & Co.
BRAND & DIGITAL DESIGN
Brand Identity
#winter
The Weekly Swatch
Issue 42
Four colours,
one good idea.
one good idea.
THIS WEEK
How to build a palette that survives dark mode
Most palettes fall apart the moment the background flips. Here is the three-step check we run on every colour set before it ships.
Read the issue
Palette of the week
3 min read
Reader submissions
5 min read
Unsubscribe · Preferences
Email Template
Tuesday, 14 Oct
Your day
S
73%
of goal
Move
438 kcal
Steps 8,204
Distance 6.1 km
Heart
68 bpm
Sleep
7h 12 min
This week
Nov 8 – 14
M
T
W
T
F
S
S
Fitness App
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:
81ECEC
D63031
55EFC4
636E72
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
J
Good evening
Jordan Reyes
🔔
Total balance
$12,480.55
•••• 4021
+4.2% ↑
↑
Send
↓
Request
⇄
Swap
+
Top up
Transactions
See all
Spotify
Subscription
Freelance
Deposit
Whole Foods
Groceries
Banking App
#winter
◐
Halo Focus
Productivity · Halo Labs
★★★★★
4.9 · 21K ratings
Get
What’s new
A calmer home screen, faster session start, and a brand new colour system that adapts to your wallpaper.
AGE
4+
SIZE
38 MB
CHART
#3
App Store Card
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
VIP ACCESS
Chroma
Festival ’26
Festival ’26
Three days of design, sound and colour at the old harbour warehouse.
DOORS
18:00
STAGE
Main Hall
ROW
A · 42
24
OCTOBER
0042 88 17
Event Ticket
‹
⋯
M
Maya Chen
Active now
TODAY
Did the new palette land yet? I want to try it on the onboarding flow.
Just pushed it. Four colours, works on light and dark.
palette-v2.png
Oh that is gorgeous 🔥
Message…
➤
Messaging App
#winter
colorpalettedeck.com
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
‹
⋯
M
Maya Chen
Active now
TODAY
Did the new palette land yet? I want to try it on the onboarding flow.
Just pushed it. Four colours, works on light and dark.
palette-v2.png
Oh that is gorgeous 🔥
Message…
➤
Messaging App
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
☰
L
Where to
next?
next?
2,480 stays across 60 countries
DESTINATION
Lisbon, Portugal
🔍
Popular stays
Filter
Casa Azul
Alfama · 4.9
$128 / night
→
The Tide House
Cascais · 4.7
$96 / night
→
Travel App
#winter
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#DFE6E9', '#D63031']
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
The Weekly Swatch
Issue 42
Four colours,
one good idea.
one good idea.
THIS WEEK
How to build a palette that survives dark mode
Most palettes fall apart the moment the background flips. Here is the three-step check we run on every colour set before it ships.
Read the issue
Palette of the week
3 min read
Reader submissions
5 min read
Unsubscribe · Preferences
Email Template
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:
DFE6E9
0984E3
D63031
55EFC4
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
Tuesday, 14 Oct
Your day
S
73%
of goal
Move
438 kcal
Steps 8,204
Distance 6.1 km
Heart
68 bpm
Sleep
7h 12 min
This week
Nov 8 – 14
M
T
W
T
F
S
S
Fitness App
#winter
J
Good evening
Jordan Reyes
🔔
Total balance
$12,480.55
•••• 4021
+4.2% ↑
↑
Send
↓
Request
⇄
Swap
+
Top up
Transactions
See all
Spotify
Subscription
Freelance
Deposit
Whole Foods
Groceries
Banking App
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
◐
Halo Focus
Productivity · Halo Labs
★★★★★
4.9 · 21K ratings
Get
What’s new
A calmer home screen, faster session start, and a brand new colour system that adapts to your wallpaper.
AGE
4+
SIZE
38 MB
CHART
#3
App Store Card
🛵
‹Track order
Arriving in
On time
12–16 min
D
Daniel is on the way
Your courier · ★ 4.9
📞
Sora Ramen · 2 items
Order #88 17 · $24.40
Order Tracking
#winter
Scroll for more