When to use it
- Minimal dashboard design
- Soft UI experiments
- Premium utility interfaces
- Wellness and health apps
Record033-NE
AestheticNeumorphism
ClassDigital / Structured
StatusINGESTING
01
The record
What it is, when it works, who it is for, and where it already exists.
How to use it
Record 033-NE - when it works, who it is for, what it looks like
Perfect for
- Health and wellness apps
- Smart home interfaces
- Minimal dashboards
- Premium SaaS
What it looks like
- Soft inset buttons
- Extruded card elements
- Monochromatic palettes
- Subtle shadow effects
In the wild
Where this aesthetic shows up in the real world · ↗ opens the source site
UI design conceptAlexander Plyuto, "Skeuomorph Mobile Banking" concept2019
Software / UI templateCreative Tim, Soft UI Dashboard2020
Software / UI toolneumorphism.io CSS generator (Adam Giebl)2020
02
The anatomy
Where Neumorphism came from, what makes it recognisable, and the fingerprint it leaves.
History
2019–2021 · UI/UX design community; Dribbble and design social media
Neumorphism emerged as a named aesthetic in late 2019 after a Dribbble post by designer Alexander Plyuto went viral, showing UI elements rendered with soft paired shadows: one dark shadow below-right, one light shadow above-left: that created the impression of elements extruded from or inset into the background surface. The name combined 'new' + 'skeuomorphism,' acknowledging its descent from the tactile material quality of skeuomorphic design while departing from its literal texture rendering.
The aesthetic produced visually compelling results in portfolios and concept presentations: the soft shadow system creates a plausible physical metaphor (raised elements catch light from above-left, cast shadows below-right) without requiring realistic textures. The palette was constrained to very tight monochromatic ranges: slight variations of a single grey-beige or pastel: which produced a distinctive 'foggy' quality. For a brief period in 2019–2020, neumorphism was the most discussed UI design trend online.
The critical reception was mixed and ultimately damaging. Accessibility advocates noted that neumorphic interfaces failed nearly every contrast test: the low-contrast shadows on near-matching background colors made elements extremely difficult to distinguish for users with visual impairments. Interaction designers pointed out that neumorphism made it difficult to understand which elements were buttons (raised and pressed states are very similar). By 2021, the trend had largely receded to concept design and specific decorative contexts, with its accessibility failures widely cited.
The button that looks like it's part of the surface it sits on.
Visual markers
The visual DNA: what makes it recognisable
Aesthetic profile
8-channel console with the fingerprint on its display. Save the card, or share the page
Aesthetic Profile
Neumorphism
2019–2021 · UI/UX design community; Dribbble and design social media
Attribute console · 033-NE
leans digital, structured, minimal
8 CH
FIG. 1
01Minimal
Maximal60%
02Analog
Digital80%
03Restrained
Expressive60%
04Cool
Warm30%
05Futuristic
Nostalgic30%
06Structured
Chaotic70%
07Dark
Light60%
08Organic
Geometric50%
DigitalStructuredMinimal
Omoro · Attribute console · 033-NE
omoro.io/styles/neumorphism
Color Palettes
4 color interpretations of this aesthetic
Adjacent Palettes
The colour of the styles sitting closest to this one
03
The direction
How to shoot it, how to prompt it, and how to board it.
Photo Direction
How to shoot this aesthetic
Generative Prompt
Drop this into Studio to generate in this aesthetic
Mood Board
The record applied to your project. The record's kit is free; your brand, references and plates come with membership
Mood board
The Neumorphism board
8 frames · 4 selected
FIG. 4
Shadow8A95A8Deep PressedA8B0C0PressedC8D0DESurfaceE0E5ECRaisedF5F8FF
Brand and references
Demo kit free, the rest with membershipThe record as a demo kit, free. Name a project and it is written for that
Omoro · Mood board · 033-NE
04
The judgement
Whether to use it, what it costs to do properly, and where it stands right now.
Creative verdict
Two written calls, seven meters, and when to walk away
Creative verdict
Should Neumorphism be the call?
7 meters
FIG. 2
Assessment
A narrow look with a known, serious flaw. Two soft shadows on the same background give almost no contrast, so the control is invisible to anyone with low vision, and that is a measurable failure, not a matter of taste. Add a real border or colour fill for anything interactive. Keep it for decorative surfaces where nothing has to be found or pressed.
Verdict
Avoid it for anything that has to be operated. It failed on contrast, not on taste: soft extruded shapes cannot carry enough separation to indicate state, so buttons stopped looking pressable, which was their one job. It survives as texture on decorative surfaces where nothing is interactive, and that is the whole remaining brief.
Production cost
Low
Interface work only.
Creative difficulty
Low
A narrow, well-defined look. Little room to reinterpret.
Execution difficulty
Medium
The shadow values are subtle and easy to get slightly wrong.
Risk of misuse
Medium
Shadow values slightly off just look like a rendering bug.
Prevalence
Rare
A brief interface trend that never became mainstream.
Longevity
Trend
Largely already passed as a dominant UI trend.
Brand investment
Low
Interface work only.
Avoid if
Accessibility and contrast are a priority
The soft, low-contrast shadows this depends on are famously hard to read.
The brand needs a current interface trend
This peaked briefly and never became a lasting default.
Omoro · Creative verdict · 033-NE
Editorial Depth
A Pro feature: origins, practitioners, and pitfalls
Editorial depth
The Neumorphism file
14 sections
FIG. 3
Context02Brands02Perception04Use04Index02
01Common MisconceptionThe principle beneath the surface
02Historical ContextOrigins, cultural moment, and reaction
03Brands That Accidentally Use This StyleNatural alignment, not category claims
04Brands That Perfectly Represent This StyleExceptional execution
05Psychological EffectHow visual decisions change perception
06Visual ChecklistInclude and avoid
07Creative FormulaThe visual system reduced to essentials
08Recognition SignalsHow to recognize it in two seconds
09When To Use This StyleContexts where the language performs
10Common Creative MistakesWhere imitation weakens the signal
11Best Brand ApplicationsIndustries with a natural advantage
12Creative Application AnalysisFit, feasibility, and production reality
13Related StylesClose languages and the key distinction
14Visual DNA SummaryThe sentence to remember
The editorial depth, with membershipOpening soon
Omoro · Editorial depth · 033-NE
05
The index
Neighbours, cross-references, blends, and the questions people ask.
Related concepts
Connected across the creative knowledge graph
Cultural relevance
Where it stands now, and what it costs you to use it
Neumorphism arrived in 2019, went everywhere on design sites within months, and effectively died on contrast. It is the clearest recent case of an aesthetic that failed on accessibility rather than on taste.
Soft extruded shapes cannot carry enough contrast to indicate state, so buttons stopped looking pressable, which is the one job they had.
It survives as a texture on decorative surfaces where nothing has to be operated. As an interface language it is closed.
Cross-references
Compare
Blend
Mix Neumorphism with any style in the library
Neumorphism×
50%50%
99% alike
Merged palette
#8A95A8
#1A3A4A
#A8B0C0
#4A9CBD
#C8D0DE
Leads digital, structured, light
Typography · from Neumorphism
Space Grotesk over Inter
Materials
- Base: a specific slightly warm grey or pastel (#E0E5EC, #F0F0F0, #E4EAF2)
- Dark shadow: the base color darkened 15–20% (#B8BEC8, #C8CDD6)
- Background: rich gradient or photography that gives the blur something beautiful to work with
Use it
Neumorphic UI design with soft extruded interface elements, subtle dual-shadow embossing on a monochrome surface, tactile soft-touch digital material, gentle low-contrast depth, minimalist skeuomorphic hybrid (50%), infused with Glassmorphism aesthetic with frosted glass panels, background blur effects, semi-transparent layers, subtle borders, luminous gradients, depth through transparency, color palette strictly #8A95A8 #1A3A4A #A8B0C0 #4A9CBD #C8D0DE, overall character: digital, structured, light
One-click generation opens with the studio