colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#F7E7CE', '#BDB76B']
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:
F7E7CE
B8860B
BDB76B
FFD700
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
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
#gold#real-estate-crm
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#C5B358', '#996515']
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
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:
C5B358
E6C229
996515
A67B5B
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
#gold#real-estate-crm
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
Autumn Essentials
128 products
All
Knitwear
Outerwear
NEW
Wool Overcoat
$248
Linen Shirt
$96
Ribbed Knit
$132
Canvas Tote
$74
Online Store
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
#gold#real-estate-crm
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#B8860B', '#E6C229']
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
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:
B8860B
EEE8AA
E6C229
A67B5B
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
#gold#real-estate-crm
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
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
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
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#F0E68C', '#A67B5B']
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
#gold#real-estate-crm
colorpalettedeck.com
◧⧉⑃⚙
palette.js ✕
theme.css
1
// palette.js — build a themed swatch
2
import chroma from 'chroma-js'
3
4
const brand = ['#D4AF37', '#F7E7CE']
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
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
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:
D4AF37
BDB76B
F7E7CE
A67B5B
Copy CSS
Regenerate
Ask a follow-up…
📎
↑
AI Chat Assistant
#gold#real-estate-crm
That’s every real estate crm palette.
Try another collection, or make your own.
Scroll for more