Questions tagged [color-scheme]

the choice of colors used in design for a range of media

Filter by
Sorted by
Tagged with
0 votes
0 answers
17 views

Color palette for direct sunlight research [duplicate]

I've seen lots of discussions, articles, and papers on dark mode palettes over the years. Haven't seen much in the way of optimizing for ultra bright environments. Looking for research on the topic if ...
user avatar
  • 151
0 votes
1 answer
60 views

Good Colors For Multiple Buttons [closed]

I have a form with three kinds of buttons. I wonder what colors would I put on these buttons. FYI, orange is the primary color. Should I put border color and text color for the "Remove button&...
user avatar
  • 103
0 votes
1 answer
54 views

How do you create both sufficient contrast and a harmonious outcome for text on different tints of the same color?

Here are two examples. One is a table, the other an illustration. Both use different tints of the same color with text on top. How do you change the color of the text across these tints to be both ...
user avatar
0 votes
2 answers
38 views

Need some help with text color suggestion

I'm a developer and I created a page with some photos with names on them. I'm not sure what would be the ideal color to visibly display them. I tried Blue and White. Attaching the screenshots of the ...
user avatar
1 vote
2 answers
63 views

How to deal with positive and negative signs next to a number in the [-1 , +1] and increment/decrement semantic?

I tried to look up this topic and found something here as a side comment but nothing more. Context I need to print a value in the Real numbers [-1,+1] interval. The Value has a semantic meaning: The ...
user avatar
7 votes
4 answers
300 views

How exactly do designers choose the colors they use?

I've been questioning myself for a while now how UI designers choose the exact colors that they end up using. I think that the Windows 7 user interface is a good example of this (in Windows 10+ ...
user avatar
  • 171
2 votes
2 answers
81 views

Red and Green for Open/Closed and Busy/Available

I am facing an interesting issue when realizing an interactive map for one of our customers - an airport. The map is showing real-time information about the current status of the infrastructure - for ...
user avatar
39 votes
1 answer
5k views

How do you decide UI colors when logo consist of three colors?

I have case where logo without name have three colors (dark blue, light blue and pink) which can be called as brand colors, but I am struggling to decide on UI surface colors (ex: cards, navbar, etc). ...
user avatar
  • 697
23 votes
1 answer
2k views

When to use white text on top of a color for readability?

I am setting the background of a textbox to some variable color. I know the hex/rgb of the color I'm setting the background to. Normally the text is black (or very very dark gray). On some colors, it ...
user avatar
  • 1,465
2 votes
3 answers
180 views

How to concisely represent a set of statistics on a dashboard?

I'm designing a dashboard for a web app representing statistics related to a quiz/test. I'm using visual aids like charts, icons and other cards displaying a small piece of information. Each such card ...
user avatar
  • 123
3 votes
2 answers
256 views

Design language and color choices by geography

We were doing a study/survey recently on an app which is expected to be launched globally (North America, Europe, South/East Asia). The current design favors cleanliness, white space, and muted colors....
user avatar
  • 601
0 votes
3 answers
92 views

How do I find multiple variation of same color which are visually contrasting

I am developing some kind of heatmap for a stock market-related project which has ~80 large to small boxes on the screen to denote a stock and it's change I use a red background on box to denote loss, ...
user avatar
  • 101
0 votes
2 answers
114 views

Iconic colors from content-type

I have a web application that includes a file browser. I have a little database that associates a FontAwesome icon to a variety of content-types (i.e. images, word/lowriter files, excel/localc files, ...
user avatar
  • 103
1 vote
1 answer
50 views

User defined pallete for web pages

When the web browsers first came into existence, it was possible to override the intent of the web designer. There weren't too many settings. You could locally control the color and font of the text,...
user avatar
  • 111
0 votes
1 answer
59 views

Calculating background color's complementary red, green, and blue colors [closed]

I am not new to UI design, but I have absolutely no experience with color schemes. Say I choose rgb(35, 51, 72) as the base and background color. This is #233348 and hsl(214, 35%, 21%). Are there ...
user avatar
  • 101
1 vote
1 answer
74 views

Colour scheme for two distinct sets of 5 items on a map

I apologize for the utter simplicity of this, but it is beyond me. I am using a Leaflet and Leaflet.markercluster to add markers to a map. The latter helps resolve clutter by grouping icons near to ...
user avatar
4 votes
2 answers
173 views

Color standards for seat booking

I am working on an application with a seat booking UI. Are there visual standards, colors in particular, for conveying the type and state of each seat? Examples of seat types: standard, accessible, ...
user avatar
0 votes
2 answers
345 views

Two Logos in One Page Website

I have a question on the color combination that I will use since I have a website that two logos should be placed. My problem is that the two logos have very different color schemes. The first logo ...
user avatar
  • 103
8 votes
3 answers
404 views

Excel spreadsheet colour coding/design/layout principles?

With programming you have "software design patterns", with websites you have design standardised (and then some templates, e.g. "bootstrap"), and people know where the input etc. ...
user avatar
1 vote
3 answers
121 views

How to fix this issue of showing multi-color coded events on a timeline?

I need to show multiple(8-10) type of repetitive events on a horizontal timeline in a multi-color coded fashion. But this approach seems to be harder for user to grasp and lead to high cognitive load. ...
user avatar
5 votes
3 answers
246 views

Are there current standards or guidelines regarding dark themes / dark modes?

Many people are starting to realize that they prefer what is commonly called "Dark Mode" or "Dark Theme". That is, light text on a darker background. As such, developers are now ...
user avatar
1 vote
1 answer
70 views

What color scheme is this [closed]

I'd appreciate some info on (the exact, an underlying or a similar) color scheme used for styling code samples on this page: https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-...
user avatar
  • 111
0 votes
1 answer
46 views

Is there any limitations on the no.of colors to be used in the page?

Is there any limitation on color usage in the case of a dashboard? Is there any standard pattern followed by any SaaS/B2B companies?
user avatar
  • 2,391
2 votes
1 answer
146 views

Recommended color range for background color

I am building an online menu for restaurants. The default background color is a light gray (#f1f3f5). The default text color is black (#555555). Example Many of the restaurants have asked to use a ...
user avatar
1 vote
1 answer
466 views

Are there any guidelines for applying colors to the ticket status of a ticketing system?

I have a ticketing system that has 5 states. A ticket can be in any of these states: Newly asked Waiting for system response Waiting for customer response In progress Closed I want to create a ...
user avatar
29 votes
7 answers
9k views

Colorblindness-friendly colors called "green", "blue", "yellow", and "red"

I need to choose a palette of four colors that satisfies the following two conditions: Colorblind people can easily distinguish all four of the colors. People with normal color vision can ...
user avatar
5 votes
1 answer
348 views

Why are all screens of SpaceX dragon control panel blue themed?

All the interfaces used in SpaceX dragon have a blue themed interface. I'm just curious as to why specifically blue and dark interface? Apart from blue being a sign of trust, not sure what other ...
user avatar
3 votes
2 answers
209 views

What is the number 0.05 in the calculation of contrast ratio between colors?

To calculate contrast ratio the following formula is used (source): (L1 + 0.05) / (L2 + 0.05) where: L1 is the relative luminance of the lighter of the colors, and L2 is the relative luminance of ...
user avatar
1 vote
1 answer
41 views

Is it effective to test color palettes and changes on old monitors?

Does anyone here test color palettes or changes on older monitors? Someone in one of our design review meetings suggested doing this, and curious as to the thoughts of fellow UX designers. In making ...
user avatar
  • 31
3 votes
1 answer
82 views

What type of colours should I use for 3 level of message bars for better user experience?

We have designed an assessment test mobile application. Where we need to show 3 levels of information after the header bar. Here are the screenshots: As shown in the above screenshots, we are showing ...
user avatar
2 votes
1 answer
76 views

Should variations of a color, within a color palette, only consist of tints and shades of that color?

I'm designing an IDE with dark UI. We have an existing color palette, but our (~10) greys seem off when applied to the IDE in the large quantities dark UI calls for. When analysing each swatch, I ...
user avatar
  • 473
0 votes
1 answer
50 views

Showing two informations in tree node

In my web application I have a tree with each node holding two status. Nodes are circles linked with each other. The status can be either OK, KO, or PARTIAL. The first status is the "technical ...
user avatar
1 vote
1 answer
2k views

Dark theme navbar: Lighter or darker than the main background?

I don't have a lot of UI/UX experience and am trying to learn as I work on my personal website. With a light background, I 100% agree with the advice to use a darker navbar, as that helps to sort of ...
user avatar
  • 113
12 votes
7 answers
3k views

Color coding Alerts

I am having some issues with a project alert colors. I am having two cases that starts an alert. One is if the value is over 40 and one is over 45. Reaching the 40 value is a really bad thing and ...
user avatar
  • 4,230
1 vote
3 answers
1k views

What do numbers mean in a colour palette?

I'm in the process of refining a colour palette and while doing some research I'm seeing a lot of palettes, such as this one from Atlassian, add numbers to their colours ranging from 50 to 900: How ...
user avatar
1 vote
3 answers
1k views

color for download and upload

Besides the down or up arrow, is there a convention of colors to distinguish between download and upload. I have two buttons like these and these too But I feel that there's not enough visual ...
user avatar
0 votes
1 answer
61 views

Objects in 3D space: color contrast against background [closed]

Is there a tool to help me pick proper colors for: Objects Background in 3D space. Colors should have proper contrast. UPDATE A sample of my options for background color is: Background color: #...
user avatar
-1 votes
1 answer
238 views

Best color palette for a sober, elegant look and feel [closed]

I am building a web app whose target audience will be musicians in general but more specifically classical musicians. So in my limited, more accurately nonexistent, knowledge of user experience and ...
user avatar
1 vote
1 answer
135 views

Practical 'lightest' shade of grey for contrast with white

I often use a light shade of grey such as rgb(242,242,242) in my designs to provide a subtle contrast to white, e.g. for the background of alternating rows in a table. I can easily distinguish ...
user avatar
0 votes
1 answer
466 views

Do colors red and green necessarily signify opposites

In some cultures red signifies stop and green go - stop and go can be considered opposites. Is it really different in other cultures? But suppose I wanted to show a screen with only two buttons, ...
user avatar
  • 601
1 vote
1 answer
84 views

Inclusive notification scheme incorporated into design systems

It seems like the standard RED, YELLOW, GREEN and BLUE colours are used in notification schemes/styles in the most popular development frameworks like Material.io and Bootstrap. Of course, colours ...
user avatar
  • 25.4k
2 votes
1 answer
1k views

Spreadsheet Cell Color Conventions

Is there some convention for coloring certain spreadsheet cells with certain colors to indicate the meaning/type of cell? Excel provides the following. Is that an Excel thing or a broader color ...
user avatar
3 votes
4 answers
1k views

If orange is hated by both men and women, why successful companies choose it? [closed]

Reading this site on choosing colors, saw this infographic, claiming orange is most hateful to both men and women. My question is why companies like Amazon chose orange as their primary color if it ...
user avatar
  • 153
1 vote
1 answer
125 views

Is it ok to mix black with other bright colors in the UI?

I'm a UI developer at a small organization. I've been developing an application and I chose orange, black and white as the predominant colors in the palette. You can see the attached image to get an ...
user avatar
  • 11
0 votes
1 answer
443 views

Usage of colors and background - Header and Footer | eCommerce

Are there any key UX research references for the usage of colours on an ecommerce website? Looking for any research data so that we can make objective decisions. Our brand colour is a Deep orange and ...
user avatar
  • 1
2 votes
2 answers
93 views

Salesmanship: How to differentiate two fulfilment statuses when both should seem attractive

My client is asking me to design text labels, iconography and colouring for two «fulfilment statuses» (apologies if that's the wrong term). Both should seem attractive to a potential customer. The ...
user avatar
  • 370
32 votes
10 answers
9k views

What is the color associated with lukewarm?

I'm designing a web application that crowdsources user response to another user's initiative (or project idea). The overall user response to the initiative is represented using a status component with ...
user avatar
  • 423
1 vote
2 answers
334 views

Syntax highlighting color conventions

I am about to design a (light) syntax highlighting color theme. Are there any conventions (apart from accessibility) I should take in account. Comments quite often appear in a bright grey for ...
user avatar
  • 35
57 votes
10 answers
21k views

What color to choose as "danger" if the main color of my app is red

I'm having this question wrapped around my head for quite some time. The thing is that my main application has a red color theme. And for just cancel buttons I used to use just gray colors but now ...
user avatar
4 votes
2 answers
149 views

Visualisation of the state of roads on a map

I am designing a website with different kind of roads for bikers. I am looking for a way to show on a Google maps overlay what the state of the roads is. What is the best practice of this? There are ...
user avatar
  • 672

1
2 3 4 5 6