Deciding on a color palette and also what mobile phone screen size to start with

I'm trying to build a voting site for the game monster hunter where users vote on monsters and they are ranked. I found a so called "monster hunter color palette" but it looks odd. I also have no clue where to start for mobile phone layout screen size. When it comes to decisions like color and deciding on a screen size to target for mobile as your "smallest" layout, what factors help you determine these?
No description
8 Replies
ZomaTheMasterOfDisaster
like i made this
Aoi
Aoi3w ago
For the color palette since you have a specific use case, you can try extracting a few primary colors from the images (in your case from the monsters etc). Or you can go with choosing colors related to the mood of the app. I have attached a table for reference. After deciding on the primary colors, derive secondary colors from them (if needed), ask me if you need more info on how to. Then add a few background colors / outline color as needed.
No description
ZomaTheMasterOfDisaster
i like this chart
Squeemeister
Squeemeister2w ago
I was about to recommend Adobe Kuler, but just found out it's now simply called color.adobe.com (marketing isn't their strong suit). I assume it's still free, despite Adobe desperately wanting to sell you some subscription-based-software.
𝚓𝚎𝚛𝚎𝚖𝚢 𝚙𝚊𝚛𝚔𝚎𝚛
personally I use the python program wal to make color palettes -- I take a bunch of pictures I like whose colors kinda fit the vibe, and run them thru wal and see if I get something to work with
ZomaTheMasterOfDisaster
never heard of wal
𝚓𝚎𝚛𝚎𝚖𝚢 𝚙𝚊𝚛𝚔𝚎𝚛
GitHub
GitHub - dylanaraps/pywal: 🎨 Generate and change color-schemes on t...
🎨 Generate and change color-schemes on the fly. Contribute to dylanaraps/pywal development by creating an account on GitHub.