Questions tagged [color-scheme]

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

Filter by
Sorted by
Tagged with
1
vote
1answer
78 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 ...
1
vote
0answers
87 views

Strategies for picking good colour palettes? [migrated]

I'm new to web design. I learned the basic stuff like layout, contrasts, the difference between RGB and CMYK, etc., but I struggle to apply this well in practice: Picking good colours that work well ...
1
vote
1answer
87 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 ...
29
votes
7answers
7k 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 ...
5
votes
1answer
237 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 ...
3
votes
2answers
516 views

Why are word processors blue and spreadsheet programs green?

It's a trend across Microsoft Office, Google Drive, and LibreOffice: the iconography for the word processor is primarily blue, and the spreadsheet app green. Any specific reason for this, or just a ...
0
votes
1answer
151 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 ...
0
votes
3answers
284 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 ...
3
votes
2answers
57 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 ...
2
votes
3answers
3k views

Generic input and output colours

I'm developing a game which features various power creating devices, machines that require power and cables to link the two together. Because of a bug that caused the cables to drag power from the all ...
1
vote
1answer
26 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 ...
3
votes
1answer
57 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 ...
2
votes
1answer
66 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 ...
0
votes
1answer
39 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 ...
1
vote
1answer
101 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 ...
0
votes
2answers
84 views

Should sections (sidebars, etc.) have a distinct background colour?

Consider the following layout: It's divided into four horizontal sections using borders, each with their own heading. On the web and desktop, it's a common pattern to give sections a distinct ...
1
vote
1answer
137 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 ...
6
votes
2answers
780 views

Importance of colors in a mobile application?

I am software + hardware engineer who possibly does a same common job as others with a similar qualification. I am under the process of designing, developing and publishing a mobile application where ...
10
votes
7answers
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 ...
1
vote
3answers
301 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 ...
0
votes
1answer
37 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: #...
-1
votes
1answer
103 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 ...
0
votes
0answers
28 views

Is there a color that signals “selected item with error”? [duplicate]

I have a list with items. Items have errors and therefore are displayed with a red font color. When one of these items is selected it is hard to read the text of the item, because the selection color ...
56
votes
10answers
18k 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 ...
0
votes
1answer
154 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, ...
1
vote
1answer
74 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 ...
2
votes
1answer
249 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 ...
3
votes
4answers
354 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 ...
0
votes
1answer
100 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 ...
2
votes
2answers
89 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 ...
32
votes
10answers
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 ...
3
votes
1answer
521 views

Specifying semantic colors in design manuals

Is there any meta-analysis of Corporate Design Manuals or a guideline for developing CDs that includes which semantics CDMs associate with colors? What are they like, i.e. which kinds of semantic ...
1
vote
2answers
137 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 ...
8
votes
5answers
2k views

How do I design a beautiful 6 month calendar view with 15+ event types?

I have designed a calendar web application at my work, and it has been well recieved. So well that multiple departments of my company has adapted it, and requested their own categories for their ...
4
votes
2answers
128 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 ...
40
votes
7answers
47k views

Colour palette progression to indicate priority

I need to use colour to indicate priority. Say, there are 20 priority levels. What is the best way to use colour to achieve this? My thoughts so far are: I'm leaning towards using shades of a single ...
0
votes
1answer
66 views

How to decide dashboard's general buttons when having multiple clients with different colors each?

I have this project, where I have to implement text, raised and ghost buttons depending on the different sections. It's kind of a wizard-style app, with a dashboard with steps to complete and submit. ...
5
votes
6answers
2k views

Should every website have a dark mode? [closed]

Personally I love websites with dark mode. It doesn't matter whether it's day or night, I always use dark mode whenever I can. But when I build some websites myself, I feel like dark mode isn't a ...
10
votes
3answers
1k views

Maximum contrast ratio for good accessibility

So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research. Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
3
votes
1answer
184 views

Why consoles/terminals usually have a black background?

In unix and window systems, the console has a black background. Is this historical or is there any UX reasoning behind it? I'm working on a web based terminal and giving the window the look and feel ...
0
votes
1answer
292 views

Color Palette Accessibility for White Text Button Labels

Background: I'm currently working with trying to bring text accessibility into the visual design of a SaaS product suite, which has cross-product primary and system feedback colors and a number of ...
2
votes
2answers
161 views

Bootstrap nav bar with variable background color - best way to handle this?

I'm working on the UX for an application with a bootstrap top navigation bar whose background color will not be consistent because resellers can change it to match their branding. At the moment, the ...
11
votes
6answers
68k views

Background colour suitable for both black and white text

In my web page i have a black textured background and in foreground light blue, white, gray, yellow color texts are present. Colors that doesnt go with black color background are not visible. Can ...
0
votes
1answer
75 views

Vice versa colors for on and off hover of buttons [closed]

How should we choose the color for buttons is there a should always be a dark and light colour or two differed colors. What will be the best strategy for choosing colours. And is it should always be ...
2
votes
1answer
718 views

How to choose a color combination for main header and sub-headers for better UI and UX?

I'm always confused about the BG (background) colors or a header and sub-header of a website or an app. There can be at least 3 options to choose BG for them: 1. A dark color for main header and a ...
0
votes
1answer
253 views

Are there rules for warm and cool grey tones be used together in UIs? [closed]

I am currently working on redesigning a web app and want to reduce the amount of colors used, espcially the lot of different grey tones - warm and cool mixed up as accents for UI elements and the ...
1
vote
1answer
96 views

potentially color-blind person: how to choose colors for a graph [duplicate]

I have a chart with 5 curves (curves 1-5). A person told me that colors 1 vs. 2 as well as colors 3 vs. 5 are difficult to distinguish. While I can understand that 3 and 5 are somewhat similar, the 1 ...
2
votes
1answer
141 views

Which colour to choose for 'updated' field?

I'm designing a user interface, which will contain fields that the user can edit. Each field can have 4 states: Unchanged (field has the same value). Added (field has a value, where it didn't before)...
30
votes
10answers
36k views

Why are X, Y and Z axes represented by Red, Green, and Blue?

It is pretty standard that 3d axis, XYZ, is represented as red green blue, respectively. Why is this and who first proposed the colors in that configuration?
25
votes
5answers
7k views

Choosing a set of colors [closed]

I'm not a graphic designer, and I can't afford one for my open source project, so I thought I'd crowdsource this one. I'm trying to work out a set of 6-8 easily-differentiable colors for categories in ...

1
2 3 4 5