‹
⋯
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
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
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
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
#cold#developer-api-documentation
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#48DBFB', '#10AC84']
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
EST. 2019
Marlow & Co.
BRAND & DIGITAL DESIGN
Brand Identity
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
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
#cold#developer-api-documentation
⌄
Now playing
⋯
Golden Hour
Wave Atlas · Slow Light
2:143:36
⤨
⏮
⏸
⏭
↻
Up next
Paper Boats
Nima
Slow Light
Wave Atlas
Music Player
P
Palette Deck
@palettedeck
“
Colour is the
fastest way to
say something
without words.
fastest way to
say something
without words.
SWIPE →
Social Post
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
DELIVER TO
Kingsway 42 ▾
🛍
🔍Search restaurants
All
Pizza
Sushi
Vegan
TODAY ONLY
30% off
your first order
your first order
Claim offer
Near you
See all
Free delivery
Sora Ramen
4.8 · 20 min
$1.99 delivery
Bloom Bakery
4.9 · 15 min
Food Delivery App
#cold#developer-api-documentation
🛵
‹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
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:
48DBFB
5F27CD
576574
8E44AD
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
#cold#developer-api-documentation
🛵
‹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
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#576574', '#2980B9']
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
◐
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
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
#cold#developer-api-documentation
‹
⋯
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
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
DELIVER TO
Kingsway 42 ▾
🛍
🔍Search restaurants
All
Pizza
Sushi
Vegan
TODAY ONLY
30% off
your first order
your first order
Claim offer
Near you
See all
Free delivery
Sora Ramen
4.8 · 20 min
$1.99 delivery
Bloom Bakery
4.9 · 15 min
Food Delivery App
EST. 2019
Marlow & Co.
BRAND & DIGITAL DESIGN
Brand Identity
#cold#developer-api-documentation
That’s every developer api documentation palette.
Try another collection, or make your own.
Scroll for more