Color Palette Ideas
All of the designs on this page can be found in the Reference Designs Figma File. Feel free to make a copy and use however you wish. This resource is open source without any limitations.
The following is a list of sample color palettes. They are provided mostly as starting points, guidance and ideas. You are encouraged to modify them as needed to fit your branding.
Chill Green (Dark)
![](/assets/images/palette1-59a87a7d7e3d6d8ef61adc32785a083d.png)
#FFFFFF \\ Text
#FFFFFF \\ Titles
#D2F97E \\ Primary
#383838 \\ Secondary
#FFFFFF \\ Tetriary
#252525 \\ Borders
#1E1E1E \\ Card
#111111 \\ Background
Modern Dark
![](/assets/images/palette2-d91e4d59b1f64bc3ecdb33cd6b89812a.png)
#FFFFFF \\ Text
#FFFFFF \\ Titles
#9E7EF9 \\ Primary
#383838 \\ Secondary
#FFFFFF \\ Tetriary
#222222 \\ Borders
#111111 \\ Card
#000000 \\ Background
Purple Breeze (Light Mode)
![](/assets/images/palette3-04c8fb8875fcba89b4f608db6cd01794.png)
#535465 \\ Text
#11142D \\ Titles
#6C5DD3 \\ Primary
#1B1D21 \\ Secondary
#B8DCE9 \\ Tetriary
#E4E4E4 \\ Borders
#FFFFFF \\ Card
#F6F6F8 \\ Background
Neutral Calm (Light)
![](/assets/images/palette4-e410df253eb8e56c6dc1391f944f1f8c.png)
#1A1D1F \\ Text
#1C1D1F \\ Titles
#1B67F8 \\ Primary
#6F767E \\ Secondary
#FFA570 \\ Tetriary
#F0F0F0 \\ Borders
#FFFFFF \\ Card
#F4F4F4 \\ Background
Smokey Blue (Dark)
![](/assets/images/palette5-4477f6e15901ae00d907e892940c0618.png)
#1A1D1F \\ Text
#1C1D1F \\ Titles
#6296F9 \\ Primary
#353A3E \\ Secondary
#F5BF9F \\ Tetriary
#2A2B30 \\ Borders
#1A1D1F \\ Card
#111315 \\ Background
#6F767E \\ Muted Text
Midnight Mojito (Dark)
![](/assets/images/palette6-d143b6e540fa25ed8c1d0fc3ba979ee1.png)
#FFFFFF \\ Text
#FFFFFF \\ Titles
#ABFF84 \\ Primary
#475569 \\ Secondary
#B384FF \\ Tetriary
#25334A \\ Borders
#1E293B \\ Card
#0F172A \\ Background
#64748B \\ Muted Text
Sand Dune (Light)
![](/assets/images/palette7-c8c344bc76cb51f89f95c870b57e5a60.png)
#000000 \\ Text
#000000 \\ Titles
#FA5733 \\ Primary
#54535D \\ Secondary
#726464 \\ Tetriary
#DEDEE2 \\ Borders
#FFFFFF \\ Card
#F8F7F4 \\ Background
#757480 \\ Muted Text