Explore palettes
Find a starting point by mood, color or use. Edit any palette in the studio.
Choose a palette you like, copy its colors, or edit it in Studio.
Order: first = background/button, second = card, third = accent, last = text. Preview roles remain adjustable.
Curated proposalApricot paper
Warm paper and clay accents for a small bakery menu.
Pastel
Details and contrast
Suggested uses: Editorial · Branding
Suggested color roles
- Background
#fff4e8- Card
#f8dcc5- Accent
#e7a789- Button
#fff4e8- Text
#493b36
Text / Background: 9.87:1 — Normal-text AA
Text / Card: 8.17:1 — Normal-text AA
Text / Button: 9.87:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalLilac notebook
Lavender layers separate notes without a harsh white canvas.
Pastel
Details and contrast
Suggested uses: Apps · Editorial
Suggested color roles
- Background
#f3effa- Card
#e0d8f0- Accent
#b4a1d6- Button
#f3effa- Text
#393246
Text / Background: 10.79:1 — Normal-text AA
Text / Card: 8.87:1 — Normal-text AA
Text / Button: 10.79:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalSea-glass morning
Mint and weathered glass suit a calm booking interface.
Pastel · Nature
Details and contrast
Suggested uses: Websites · Apps
Suggested color roles
- Background
#eef8f6- Card
#d2e8e2- Accent
#96c2b5- Button
#eef8f6- Text
#25453f
Text / Background: 9.69:1 — Normal-text AA
Text / Card: 8.18:1 — Normal-text AA
Text / Button: 9.69:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalRose porcelain
Dusty pink gives a ceramics catalogue a gentle frame.
Pastel
Details and contrast
Suggested uses: Editorial · Branding
Suggested color roles
- Background
#fff1f3- Card
#f1d1d9- Accent
#d9a1b4- Button
#fff1f3- Text
#54323e
Text / Background: 10.05:1 — Normal-text AA
Text / Card: 7.81:1 — Normal-text AA
Text / Button: 10.05:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalSky postcard
Pale blues leave room for travel photos and short captions.
Pastel
Details and contrast
Suggested uses: Websites · Editorial
Suggested color roles
- Background
#f0f5fc- Card
#d5e3f4- Accent
#a2b6cb- Button
#f0f5fc- Text
#29394f
Text / Background: 10.70:1 — Normal-text AA
Text / Card: 9.00:1 — Normal-text AA
Text / Button: 10.70:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalGraphite sheet
Quiet gray-green layers keep document tools focused on content.
Minimal
Details and contrast
Suggested uses: Apps · Websites
Suggested color roles
- Background
#f7f7f4- Card
#e0e2df- Accent
#aeb6b1- Button
#f7f7f4- Text
#242c28
Text / Background: 13.35:1 — Normal-text AA
Text / Card: 10.99:1 — Normal-text AA
Text / Button: 13.35:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalChalk and ink
Cool neutrals give tables a clear hierarchy without many accents.
Minimal · Business
Details and contrast
Suggested uses: Data dashboards · Apps
Suggested color roles
- Background
#ffffff- Card
#ebedf0- Accent
#b8c0ca- Button
#ffffff- Text
#202b3a
Text / Background: 14.30:1 — Normal-text AA
Text / Card: 12.20:1 — Normal-text AA
Text / Button: 14.30:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalSandstone margin
Sand and stone tones support architecture portfolios.
Minimal
Details and contrast
Suggested uses: Websites · Branding
Suggested color roles
- Background
#f5f0e7- Card
#ded4c3- Accent
#b6a48b- Button
#f5f0e7- Text
#393329
Text / Background: 11.02:1 — Normal-text AA
Text / Card: 8.52:1 — Normal-text AA
Text / Button: 11.02:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalQuiet indigo
A single indigo accent gives settings screens a focal point.
Minimal
Details and contrast
Suggested uses: Apps · Websites
Suggested color roles
- Background
#f1f2fa- Card
#dadcee- Accent
#a6add0- Button
#f1f2fa- Text
#292c50
Text / Background: 11.99:1 — Normal-text AA
Text / Card: 9.84:1 — Normal-text AA
Text / Button: 11.99:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalOat and charcoal
Oat paper and charcoal text suit restrained packaging mockups.
Minimal
Details and contrast
Suggested uses: Branding · Editorial
Suggested color roles
- Background
#faf3df- Card
#dfce9b- Accent
#b59c60- Button
#faf3df- Text
#202624
Text / Background: 13.89:1 — Normal-text AA
Text / Card: 9.85:1 — Normal-text AA
Text / Button: 13.89:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalForest trail
Leaf greens organize trail guides and outdoor maps.
Nature
Details and contrast
Suggested uses: Websites · Editorial
Suggested color roles
- Background
#e9efe4- Card
#c4d3b4- Accent
#a5b89c- Button
#e9efe4- Text
#233e2d
Text / Background: 9.97:1 — Normal-text AA
Text / Card: 7.41:1 — Normal-text AA
Text / Button: 9.97:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalTidal pool
Teal water and dark rock tones frame a coastal field guide.
Nature
Details and contrast
Suggested uses: Editorial · Websites
Suggested color roles
- Background
#e7f2ef- Card
#b2d4cc- Accent
#2a9d8f- Button
#e7f2ef- Text
#183d42
Text / Background: 10.28:1 — Normal-text AA
Text / Card: 7.39:1 — Normal-text AA
Text / Button: 10.28:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalClay garden
Clay pots and olive leaves suggest a gardening journal.
Nature
Details and contrast
Suggested uses: Apps · Editorial
Suggested color roles
- Background
#f3e9dc- Card
#ddc6ae- Accent
#b4ba83- Button
#f3e9dc- Text
#3e4930
Text / Background: 7.95:1 — Normal-text AA
Text / Card: 5.80:1 — Normal-text AA
Text / Button: 7.95:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalAlpine lake
Layered lake blues bring structure to a mountain itinerary.
Nature
Details and contrast
Suggested uses: Websites · Presentations
Suggested color roles
- Background
#eaf3f7- Card
#c3dce7- Accent
#7ab2c9- Button
#eaf3f7- Text
#203c52
Text / Background: 10.20:1 — Normal-text AA
Text / Card: 8.04:1 — Normal-text AA
Text / Button: 10.20:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalDesert bloom
Ochre ground meets a muted bloom in a botanical identity.
Nature
Details and contrast
Suggested uses: Branding · Editorial
Suggested color roles
- Background
#f8e8d5- Card
#e6bf97- Accent
#ca9369- Button
#f8e8d5- Text
#4a3430
Text / Background: 9.59:1 — Normal-text AA
Text / Card: 6.72:1 — Normal-text AA
Text / Button: 9.59:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalPrinted poster
Mustard, rust and teal recall limited-ink event posters.
Vintage
Details and contrast
Suggested uses: Editorial · Branding
Suggested color roles
- Background
#f4dfba- Card
#d6a050- Accent
#b76744- Button
#f4dfba- Text
#363b38
Text / Background: 8.76:1 — Normal-text AA
Text / Card: 4.89:1 — Normal-text AA
Text / Button: 8.76:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalRecord sleeve
Faded violet and sepia suit a music archive cover.
Vintage
Details and contrast
Suggested uses: Editorial · Websites
Suggested color roles
- Background
#eee0ca- Card
#c49b75- Accent
#925a4c- Button
#eee0ca- Text
#302c39
Text / Background: 10.45:1 — Normal-text AA
Text / Card: 5.37:1 — Normal-text AA
Text / Button: 10.45:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalAmber ticket
Amber paper and brown type give a ticket mockup warmth.
Vintage
Details and contrast
Suggested uses: Branding · Editorial
Suggested color roles
- Background
#f7e6bb- Card
#e7c672- Accent
#ba8c3a- Button
#f7e6bb- Text
#3e3026
Text / Background: 10.26:1 — Normal-text AA
Text / Card: 7.68:1 — Normal-text AA
Text / Button: 10.26:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalFaded denim
Weathered blue and gray work as a clothing catalogue frame.
Vintage
Details and contrast
Suggested uses: Websites · Branding
Suggested color roles
- Background
#e7e7df- Card
#b9c8c9- Accent
#849da9- Button
#e7e7df- Text
#303d46
Text / Background: 8.98:1 — Normal-text AA
Text / Card: 6.47:1 — Normal-text AA
Text / Button: 8.98:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalCocoa label
Roasted brown layers suit a coffee or chocolate label study.
Vintage
Details and contrast
Suggested uses: Branding · Editorial
Suggested color roles
- Background
#f0dfca- Card
#cab092- Accent
#a3795d- Button
#f0dfca- Text
#352821
Text / Background: 10.91:1 — Normal-text AA
Text / Card: 6.86:1 — Normal-text AA
Text / Button: 10.91:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalMidnight console
Deep navy frames a developer console with pale blue text.
Dark
Details and contrast
Suggested uses: Apps · Data dashboards
Suggested color roles
- Background
#111a2c- Card
#22304a- Accent
#5278b8- Button
#111a2c- Text
#e5efff
Text / Background: 15.00:1 — Normal-text AA
Text / Card: 11.40:1 — Normal-text AA
Text / Button: 15.00:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalPlum evening
Dark plum supports a gallery with restrained rose highlights.
Dark
Details and contrast
Suggested uses: Websites · Branding
Suggested color roles
- Background
#261a30- Card
#46304f- Accent
#965d8e- Button
#261a30- Text
#f2dfe9
Text / Background: 12.97:1 — Normal-text AA
Text / Card: 9.19:1 — Normal-text AA
Text / Button: 12.97:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalDeep canopy
Forest shadow and pale leaves suit a nighttime nature app.
Dark · Nature
Details and contrast
Suggested uses: Apps · Websites
Suggested color roles
- Background
#142d27- Card
#294b3f- Accent
#5e8a66- Button
#142d27- Text
#e3edce
Text / Background: 12.04:1 — Normal-text AA
Text / Card: 7.95:1 — Normal-text AA
Text / Button: 12.04:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalCoal and copper
Copper accents give a dark workshop portfolio a material feel.
Dark
Details and contrast
Suggested uses: Websites · Branding
Suggested color roles
- Background
#222221- Card
#3f3c37- Accent
#b47d58- Button
#222221- Text
#f3e8d7
Text / Background: 13.14:1 — Normal-text AA
Text / Card: 9.06:1 — Normal-text AA
Text / Button: 13.14:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalNight signal
Cyan and muted gold distinguish controls in a dark dashboard.
Dark
Details and contrast
Suggested uses: Data dashboards · Apps
Suggested color roles
- Background
#171b25- Card
#303746- Accent
#5fbdc8- Button
#171b25- Text
#eff4f7
Text / Background: 15.54:1 — Normal-text AA
Text / Card: 10.77:1 — Normal-text AA
Text / Button: 15.54:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalFlame and pool
Bright orange and teal give an event landing page two focal colors.
Vibrant
Details and contrast
Suggested uses: Websites · Branding
Suggested color roles
- Background
#fff1e9- Card
#ffc9a4- Accent
#ff5733- Button
#fff1e9- Text
#34343b
Text / Background: 11.18:1 — Normal-text AA
Text / Card: 8.32:1 — Normal-text AA
Text / Button: 11.18:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalElectric orchard
Lime and purple suit a playful learning product identity.
Vibrant
Details and contrast
Suggested uses: Apps · Branding
Suggested color roles
- Background
#f1f6d5- Card
#d1e98a- Accent
#9bc42d- Button
#f1f6d5- Text
#28361f
Text / Background: 11.53:1 — Normal-text AA
Text / Card: 9.61:1 — Normal-text AA
Text / Button: 11.53:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalMagenta route
Magenta marks a campaign while blue provides a secondary rhythm.
Vibrant
Details and contrast
Suggested uses: Websites · Presentations
Suggested color roles
- Background
#fff0fa- Card
#f9c7e6- Accent
#d43f95- Button
#fff0fa- Text
#493044
Text / Background: 10.67:1 — Normal-text AA
Text / Card: 8.01:1 — Normal-text AA
Text / Button: 10.67:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalSolar notes
Golden yellow and clear blue support an energetic workshop deck.
Vibrant
Details and contrast
Suggested uses: Presentations · Editorial
Suggested color roles
- Background
#fff5c2- Card
#f3d75c- Accent
#e9a332- Button
#fff5c2- Text
#423b29
Text / Background: 10.11:1 — Normal-text AA
Text / Card: 7.77:1 — Normal-text AA
Text / Button: 10.11:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalCobalt studio
Cobalt establishes the brand while peach softens supporting panels.
Vibrant
Details and contrast
Suggested uses: Websites · Branding
Suggested color roles
- Background
#e9f1ff- Card
#bed3ff- Accent
#2759d7- Button
#e9f1ff- Text
#203357
Text / Background: 11.06:1 — Normal-text AA
Text / Card: 8.34:1 — Normal-text AA
Text / Button: 11.06:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalHarbor report
Steel blue gives reports a clear hierarchy beside neutral charts.
Business
Details and contrast
Suggested uses: Data dashboards · Presentations
Suggested color roles
- Background
#e5eef4- Card
#c6d7e3- Accent
#4f7da2- Button
#e5eef4- Text
#132a40
Text / Background: 12.47:1 — Normal-text AA
Text / Card: 9.93:1 — Normal-text AA
Text / Button: 12.47:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalTeal ledger
Measured teal layers suit a small finance dashboard.
Business
Details and contrast
Suggested uses: Apps · Data dashboards
Suggested color roles
- Background
#edf6f4- Card
#cde3dc- Accent
#69aa9c- Button
#edf6f4- Text
#203f3d
Text / Background: 10.38:1 — Normal-text AA
Text / Card: 8.49:1 — Normal-text AA
Text / Button: 10.38:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalClear agenda
Muted violet separates sections of a strategy presentation.
Business
Details and contrast
Suggested uses: Presentations · Editorial
Suggested color roles
- Background
#f4f2fb- Card
#dedaef- Accent
#9b91c4- Button
#f4f2fb- Text
#332d4b
Text / Background: 11.71:1 — Normal-text AA
Text / Card: 9.51:1 — Normal-text AA
Text / Button: 11.71:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalOlive brief
Olive neutrals frame sustainability reports without using bright green.
Business
Details and contrast
Suggested uses: Data dashboards · Editorial
Suggested color roles
- Background
#f2f1e6- Card
#dcddc2- Accent
#a3ab73- Button
#f2f1e6- Text
#333d29
Text / Background: 10.05:1 — Normal-text AA
Text / Card: 8.24:1 — Normal-text AA
Text / Button: 10.05:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalWarm proposal
Warm neutrals make a consulting proposal feel less clinical.
Business
Details and contrast
Suggested uses: Presentations · Branding
Suggested color roles
- Background
#fcebdc- Card
#e8c49e- Accent
#bd835c- Button
#fcebdc- Text
#2d3c46
Text / Background: 9.78:1 — Normal-text AA
Text / Card: 6.94:1 — Normal-text AA
Text / Button: 9.78:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalSpring window
Tender green and blossom pink suit a spring stationery collection.
Seasonal · Pastel
Details and contrast
Suggested uses: Branding · Editorial
Suggested color roles
- Background
#f3f8e4- Card
#d8e8ba- Accent
#a8c98a- Button
#f3f8e4- Text
#354b31
Text / Background: 8.79:1 — Normal-text AA
Text / Card: 7.34:1 — Normal-text AA
Text / Button: 8.79:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalSummer pier
Turquoise water and sunlit wood suggest a seaside event page.
Seasonal
Details and contrast
Suggested uses: Websites · Branding
Suggested color roles
- Background
#e5f6f9- Card
#b5e4ea- Accent
#39a9c1- Button
#e5f6f9- Text
#214654
Text / Background: 9.13:1 — Normal-text AA
Text / Card: 7.37:1 — Normal-text AA
Text / Button: 9.13:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalAutumn market
Harvest gold and russet suit a seasonal market flyer.
Seasonal · Vintage
Details and contrast
Suggested uses: Editorial · Branding
Suggested color roles
- Background
#fae3c4- Card
#e6ae72- Accent
#a95b39- Button
#fae3c4- Text
#462e48
Text / Background: 9.66:1 — Normal-text AA
Text / Card: 6.11:1 — Normal-text AA
Text / Button: 9.66:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalWinter mist
Mist gray and distant blue keep a winter lookbook quiet.
Seasonal
Details and contrast
Suggested uses: Websites · Editorial
Suggested color roles
- Background
#edf0f6- Card
#d9d5e7- Accent
#9b9dbd- Button
#edf0f6- Text
#36364f
Text / Background: 10.23:1 — Normal-text AA
Text / Card: 8.13:1 — Normal-text AA
Text / Button: 10.23:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.
Curated proposalFestive ink
Wine red and pine green become small festive accents on ivory.
Seasonal
Details and contrast
Suggested uses: Branding · Presentations
Suggested color roles
- Background
#f7eddf- Card
#e4d2b7- Accent
#a74b49- Button
#f7eddf- Text
#383133
Text / Background: 10.96:1 — Normal-text AA
Text / Card: 8.58:1 — Normal-text AA
Text / Button: 10.96:1 — Normal-text AA
Check each text/background pair; no palette color is changed automatically.
Design in context
Browse a few fixed, original design examples. Nearby colors may share a reference, but the artwork does not change with your palette.