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
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
EST. 2019
Marlow & Co.
BRAND & DIGITAL DESIGN
Brand Identity
‹
⋯
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
#happy#language-learning-app-ui
☰
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
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
‹
⋯
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
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#FF6B6B', '#5F27CD']
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
#happy#language-learning-app-ui
☰
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
◐
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
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#10AC84', '#F368E0']
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
🛵
‹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
#happy#language-learning-app-ui
colorpalettedeck.com
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
☰
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
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
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#EE5253', '#0ABDE3']
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
#happy#language-learning-app-ui
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:
FECA57
EE5253
00D2D3
5F27CD
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
✦
Nova
Online · GPT-style
Give me a colour palette for a calm meditation app.
✦
Here’s a soft, low-contrast set that feels serene:
Copy hexRegenerate
Nova is typing…
Make it warmer
Add a dark mode
Export to CSS
Ask anything…
↑
AI Assistant
◐
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
#happy#language-learning-app-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
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
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
STUDIO NORTHVOL. 04
Form
follows
colour
follows
colour
An exhibition of contemporary graphic work. 12 – 30 November, Warehouse 9.
Brand Poster
#happy#language-learning-app-ui
That’s every language learning app ui palette.
Try another collection, or make your own.
Scroll for more