#color-scales

[ follow ]
#design-principles
UX design
fromSmashing Magazine
3 days ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
3 days ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
3 days ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
3 days ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
fromMedium
3 days ago

DeepSeek and Grok Cloud Dancing Data Color Schemes

Pantone's 2026 Color of the Year is PANTONE 11-4201 Cloud Dancer, 'a billowy white imbued with serenity', which can complicate color palette creation.
Data science
fromMail Online
4 days ago

What colour are the dots in this optical illusion?

'In this paper a novel optical illusion is described in which purple structures (dots) are perceived as purple at the point of fixation, while the surrounding structures (dots) of the same purple colour are perceived toward a blue hue.'
Science
Web development
fromCSS-Tricks
3 days ago

What's !important #8: Light/Dark Favicons, @mixin, object-view-box, and More | CSS-Tricks

SVG favicons can adapt to color schemes, and @mixin is progressing in CSS.
#color-perception
Games
fromMail Online
1 week ago

How good is YOUR colour perception? Take deceptively difficult test

The 'What's My JND?' test challenges players to identify the smallest color difference between two shades.
Science
fromwww.scientificamerican.com
1 week ago

What color is this dot? New illusion demonstrates weird vision quirk

Color perception can change based on focus, as demonstrated by an illusion with purple dots appearing more purple when directly looked at.
Games
fromMail Online
1 week ago

How good is YOUR colour perception? Take deceptively difficult test

The 'What's My JND?' test challenges players to identify the smallest color difference between two shades.
Science
fromwww.scientificamerican.com
1 week ago

What color is this dot? New illusion demonstrates weird vision quirk

Color perception can change based on focus, as demonstrated by an illusion with purple dots appearing more purple when directly looked at.
Typography
fromMass-driver
5 days ago

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.
Remodel
fromApartment Therapy
1 week ago

I Tried the "8-Inch Rule" - and It's Going to Make Everything Look More Expensive

The '8-inch' paint rule significantly improves the accuracy of paint color selection by using larger swatches for better representation in different lighting.
#design-systems
UX design
fromDesign Systems Report 2026
3 days ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
Typography
fromAlicepackarddesign
2 weeks ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
UX design
fromDesign Systems Report 2026
3 days ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
Typography
fromAlicepackarddesign
2 weeks ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
Design
fromdesignboom | architecture & design magazine
2 weeks ago

a rich palette of saturated hues meet industrial precision in mara's renewed digital identity

Mara enters 2026 as a global interior design protagonist, expanding from office and hospitality into residential markets while strengthening its digital identity and sustainability commitment.
Graphic design
fromMedium
1 week ago

For Craft Sake: On the laws and principles behind good design

Craft is experiencing a resurgence in product design, emphasizing fundamental skills amidst the rise of generative AI and industry confusion.
Web development
fromUna
3 weeks ago

una.im | contrast-color() beyond black & white

contrast-color() returns black or white for maximum contrast, but workarounds using color-mix() and style queries enable custom color palette selection while maintaining accessibility.
Web design
fromZDNET
2 weeks ago

Why your biggest tech upgrade this year is a splash of color

Tech companies increasingly release hardware in vibrant colors like pink, reflecting consumer demand for personalized, colorful technology that serves as personal extensions rather than neutral devices.
Fashion & style
fromwww.theguardian.com
3 weeks ago

My mother's best advice: wear bold, bright colours

Wearing colors that match your internal mood fosters self-awareness and authentic self-expression rather than conforming to external expectations.
UX design
fromSmashing Magazine
1 week ago

Testing Font Scaling For Accessibility With Figma Variables - Smashing Magazine

Accessibility should integrate seamlessly into design workflows, making it a natural part of the process rather than an optional feature.
Cars
fromLmnt
1 month ago

Have We Forgotten How to Design?

Waymo's partnership with DoorDash to manually close passenger car doors reveals a fundamental oversight in autonomous vehicle design, despite the availability of proven automated door technology.
Web design
fromMedium
3 weeks ago

The color statistic that's been wrong for 80 years

The commonly cited claim that humans can see between 1 million and 10 million colors lacks scientific precision and requires examination of what actually constitutes a distinguishable color.
Fashion & style
fromThe Globe and Mail
4 weeks ago

The business of colour analysis is booming - again

Colour analysis, a 1980s trend, has resurged as a popular service where experts determine whether individuals are Winter, Spring, Summer, or Fall based on skin, hair, and eye undertones to guide personal styling choices.
UX design
fromJakub
2 weeks ago

Details That Make Interfaces Feel Better

Great interfaces result from compounding small design details like text wrapping, concentric offsets, animations, and font rendering that work together seamlessly.
Design
fromBusiness Matters
1 month ago

Why You Should Beautify Slides for Better Engagement and Clarity

Effective presentations prioritize clear messages with supporting visuals over decorative design, making content memorable and engaging while reducing cognitive load for audiences.
Graphic design
fromMedium
3 weeks ago

Design is not just how it works. Design is how it wins.

AI commodifies work, shifting design's mandate from functional excellence to competitive winning as the primary objective.
Web design
fromRaymondcamden
1 month ago

Dyanimically Adjusting Image Text for Contrast

Color Thief library now includes TypeScript definitions and new contrast detection features, including a textColor property that automatically suggests optimal text color for readability over images.
#desktop-wallpapers
UX design
fromFast Company
1 month ago

5 design principles to feel fully alive

Meaningful life emerges through daily design practices and experiences rather than one-time discovery, with aliveness and human potential exceeding what any single lifetime can express.
fromSubstack
1 month ago

20 Design Reference Platforms Beyond Dribbble

Static images don't show motion. You can't inspect real product structure. You don't see how interfaces evolve over time. You rarely understand what actually works in production. So I decided to go deep. I reviewed every major design reference platform I could find - not just the popular ones - and analyzed how they actually help in real-world work. The conclusion?
Mobile UX
Web design
fromAol
1 month ago

The Best Paint Colors for Your Home Office

Strategic paint colors enhance home office productivity by promoting focus, reducing stress, and creating either energizing or calming work environments.
#home-office
#color-psychology
fromForbes
2 months ago
Marketing

The ROI Of Color: How Pantone Predicts Global Trends And Shapes Consumer Behavior

fromForbes
2 months ago
Marketing

The ROI Of Color: How Pantone Predicts Global Trends And Shapes Consumer Behavior

Cooking
fromMedium
1 month ago

Escaping the ennui in UI

AI-driven 'vibedesign' favors shallow aesthetics over craft, urging a return from prompt 'shimmer' to practiced 'friction' and genuine mastery.
fromColossal
1 month ago

With 200+ Artworks, 'Rainbow Dreams' Revels in the Vast Creativity of the Color Spectrum

From Do Ho Suh's ethereal architecture to Kimsooja's irridescent mirrors to Lauren Halsey's fringed tapestry, a new book from Monacelli celebrates a broad spectrum of light and color. Rainbow Dreams features more than 200 installations, sculptures, paintings, photographs, and more that revel in the possibilities of pigment. Bound in a smooth gradient that extends to the pages' edges, this vivid survey is a celebratory, playful object in itself.
Books
#css
UX design
fromCSS-Tricks
1 month ago

Loading Smarter: SVG vs. Raster Loaders in Modern Web Design | CSS-Tricks

For small, simple loaders performance between an SVG loader and a rotated raster image is nearly identical, while SVGs offer scalability and DOM manipulability advantages.
#interior-design
fromCSS-Tricks
1 month ago

Approximating contrast-color() With Other CSS Features | CSS-Tricks

There have been a few drafts of a specification function for this functionality, most recently, contrast-color() (formerly color-contrast()) in the CSS Color Module Level 5 draft. But with Safari and Firefox being the only browsers that have implemented it so far, the final version of this functionality is likely still a ways off. There has been a lot of functionality added to CSS in the meantime; enough that I wanted to see whether we could implement it in a cross-browser friendly way today. Here's what I have: color: oklch(from <your color> round(1.21 - L) 0 0);
Web development
Marketing
fromWE AND THE COLOR
1 month ago

Branding Mistakes in Design: 10 Critical Errors & Strategic Fixes

Strategic brand architecture, not visual aesthetics alone, determines client perception and business outcomes for design professionals.
fromApartment Therapy
1 month ago

The Surprising Reason Butter Yellow Isn't Trending Anymore (Hint: It's Economic)

Architect-turned-interior designer Anh Ly, founder and CEO of Mim Concept, explains why the color surged in the first place: "Butter yellow had a magic moment because it felt optimistic and comforting, especially during a time when people were craving warmth at home." Now, that emotional pull is also what's working against it. "It fell short on resale since it's a very emotion-specific color. Buyers tend to see it as personal rather than neutral, which makes it harder for them to imagine themselves in the space," Ly adds.
Renovation
Remodel
fromApartment Therapy
2 months ago

The "Color Echo" Method Is How Designers Make Bold Paint Look Amazing

Repeat a chosen color in at least two visible locations to make bold hues feel cohesive, curated, and prevent them from appearing random or tacky.
fromFast Company
2 months ago

Pantone just made a color matching starter kit for only $99

Its newest, though, is a single-fan book with more than 600 spot colors, and it's priced at just $99. Pantone for beginners. Pantone on Thursday announced its Pantone Capsule: Signature Edition. Housed in a collectible, cylindrical case that wouldn't look out of place in a Sephora, the guide is a sort of Pantone 101 that come on coated and uncoated paper stock with colors selected from across more than 60 years of Pantone history.
Design
Fashion & style
fromwww.theguardian.com
2 months ago

Clouded judgment? Why Pantone's colour of the year is causing controversy

Pantone selected Cloud Dancer as 2026 Color of the Year — an off-white symbolizing calm — prompting debate over representation amid cultural and political tensions.
fromPsychology Today
1 month ago

Why Your Eyes Like What Your Eyes Like

Real estate with ocean views, stunning mountain vistas, and wide-open green spaces sell at premium prices because humans find those settings pleasing [1-5]. Certain color combinations in fashion-such as brown and forest green-blend harmoniously, while others, such as hot pink and orange, clash. And our eyes like certain proportions in visual objects (like buildings and human faces) but not others.
Science
Web development
fromSmashing Magazine
2 months ago

Smashing Animations Part 8: Theming Animations Using CSS Relative Colour - Smashing Magazine

CSS relative colour values and OKLCH enable simpler, controllable theming and dynamic animation of SVG graphics, including time-based and interaction-based palette changes.
fromwww.aljazeera.com
2 months ago

Why is Cloud Dancer' the colour of the year?

We examine the online debate ignited by Pantone's Colour of the Year, Cloud Dancer. This episode dives into the discussion prompted by Pantone, unpacking the uneasy relationship between colour and fascism. From hardline efforts to regulate colour in public life to the ways vibrancy and maximalism reassert themselves, we explore how colour becomes a quiet form of resistance across art, fashion, film, and design.
Design
fromBusiness Insider
2 months ago

Color drenching is all the rage, but interior designers say it's easy to make these 5 mistakes

"color drenching" is when people paint an entire room one hue, including the ceiling, wainscotting, and any trim.
Remodel
fromdaverupert.com
2 months ago

Using your design system colors with contrast-color()

One predictable pain point with contrast-color() is that it only returns black and white named colors. From a design systems perspective, that's not ideal because you want your colors. You want your harmonious brand and the colors you and your team spent thousands of man hours in meetings deciding on. Those colors. In fact, an earlier version of Safari had color-contrast() (confusing I know, naming is hard) which allowed you to pass in a list of best candidates to choose from. I beleive that proposal got mired in standards discussions, color contrast algorithms, and competing proposals; and contrast-color() is what survived which got simplified down to a binary result.
fromApartment Therapy
1 month ago

We Asked 6 Designers the Best Color for Small Bathrooms: These Shades Won

Making a small bathroom both beautiful and functional is a tall task; after all, they're often short on light, floor space and lofty ceilings. Creating a design for tiny bathrooms should focus on using every inch of space effectively - but since each of these spaces (no matter how small!) have walls, a paint color may be your most important choice.
Design
Design
fromArchDaily
2 months ago

2026 Color of the Year Selections Highlight Tonal Depth and Spatial Calm

2026 color trends favor nuanced, layered, midtone neutrals and muted greens/blues that emphasize material authenticity, tonal balance, and understated spatial calm.
UX design
fromFreebie Supply
2 months ago

CSS Calendar Ideas - Freebie Supply

User-friendly, well-designed web and app calendars integrated via front-end frameworks and CSS are essential for accurate date selection and strong UX across devices.
Design
fromBusiness Matters
1 month ago

How Visual Consistency Creates Brand Trust in Digital Spaces

Consistent visual presentation across digital platforms builds recognition, reduces cognitive load, and increases perceived trustworthiness and professionalism, supporting long-term business growth.
Design
fromSilicon Canals
1 month ago

Minimalism had its moment: now designers say this aesthetic is dominating 2026 - Silicon Canals

Interior design is shifting from minimalist, sparse aesthetics to a colorful, textured maximalist revival emphasizing personality and lived-in warmth.
fromblog.logrocket.com
1 month ago

Linear design vs. minimalism, brutalism, and neumorphism - LogRocket Blog

Linear-style UIs look simple, but the theming system has to do real work. Here's how to meet WCAG 2.2 contrast requirements across light, dark, and high-contrast modes whether you're using a UI library or rolling your own tokens.
UX design
UX design
fromMedium
2 months ago

Design tokens with confidence

Aligning design tokens with the W3C standard creates a platform-agnostic single source of truth that propagates updates consistently and reduces maintenance and visual regressions.
fromMedium
2 months ago

Design tokens with confidence

Design tokens are all your design decisions, that define a design system's aesthetic properties, everything from colors and font sizes to spacing units and border radii. They are the modern evolution of hard-coded values. They are stored in a central, platform-agnostic repository, establishing a single source of truth for your entire digital product suite. This central management allows teams to consume the exact same design values across all platforms (web, native apps, documentation).
Design
Design
fromDesign Milk
1 month ago

MIRORlab Taps into the Emotional Dimensions of Light

MIRORLab's MIROR Collection uses slow 360° rotation and calibrated color moods to create meditative, nature-inspired lighting that reduces digital overstimulation.
UX design
fromEntrepreneur
1 month ago

The Design Mistake That's Quietly Weakening Your Brand

Good design reduces cognitive load, signals clarity and reliability, aligns organizational thinking, accelerates decisions, and prevents user confusion to improve conversion, retention, and adoption.
UX design
fromblog.logrocket.com
1 month ago

How do you implement accessible linear design across light and dark modes? - LogRocket Blog

Practical design and UX practices improve product consistency, research clarity, writing quality, and authentication security for SaaS and B2B/B2C products.
fromMedium
2 months ago

Clarity or Conformity? Rethinking the Rules of Content Design

In Andor, I got chills when Mon Mothma warns the senate of a chilling truth: When we let noise, conformity, or fear dominate, we lose sight of what matters. We risk allowing the loudest voices, often the safest, the most predictable, to drown out individuality, identity, and truth. To me, this line... This line echoes a growing tension I feel in content design.
UX design
UX design
fromMedium
3 months ago

Clean up UI design with Figma Make

Figma Make can refine and convert existing Figma designs into interactive, code-ready prototypes by cleaning up designs directly within the tool.
UX design
fromSmashing Magazine
2 months ago

Rethinking "Pixel Perfect" Web Design - Smashing Magazine

Pixel-perfect design is misleading and counterproductive; redefine perfection for a multi-device, fluid web built with modern tooling and AI-enhanced workflows.
fromMedium
2 months ago

UI Design with Nano Banana Pro

Nano Banana Pro (Gemini 3 image model) is particularly strong for UI design because of its 99% text accuracy, its ability to understand spatial layout, and its support for high-resolution 4K output. In this article, I want to share my 5 favorite cases of using this model for UI design tasks. ( Quick note: I won't dive into a critique of the output generated by AI in this article, letting you decide whether you like it or not)
UX design
[ Load more ]