Modern Golden Drift
349Modern Golden Drift color palette using #e3e6ec, #ddccab, #687caa, #78581f, #2b303e.
By Aesthetic
Modern Color Palettes
Cool neutrals paired with one confident accent colour define Modern schemes, the default visual tone of contemporary software. Its main colours include lavender (#f2dff2), pearl (#cbe7c8), lilac (#cdb1db), pewter (#768ebe), caramel (#af8d49), built as a complementary set around 220° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Modern color palette hex codes
Main modern colours with named swatches, HEX and RGB. Derived from this tag's hue (220°), saturation (40%) and complementary scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Lavender swatch | Lavender | #f2dff2 | rgb(242, 223, 242) | |
| Pearl swatch | Pearl | #cbe7c8 | rgb(203, 231, 200) | |
| Lilac swatch | Lilac | #cdb1db | rgb(205, 177, 219) | |
| Pewter swatch | Pewter | #768ebe | rgb(118, 142, 190) | |
| Caramel swatch | Caramel | #af8d49 | rgb(175, 141, 73) | |
| Charcoal swatch | Charcoal | #3e5581 | rgb(62, 85, 129) | |
| Taupe swatch | Taupe | #574723 | rgb(87, 71, 35) | |
| Onyx swatch | Onyx | #202b45 | rgb(32, 43, 69) |
Modern color palettes
Modern Electric Archive
297Modern Electric Archive color palette using #dfe5ed, #ead7b9, #6680c4, #775d35, #1e2f57.
Mid-Century Modern Washed Studio
262Mid-Century Modern Washed Studio color palette using #ecb9d8, #c7e494, #8c78b8, #1ca643, #69442c.
Modern Sunlit Linen
243Modern Sunlit Linen color palette using #e4e8f2, #e6d7b3, #567ccb, #81612d, #25324c.
Modern Wild Lantern
242Modern Wild Lantern color palette using #e0e5f2, #e4d9bd, #6886ba, #5b503e, #21335d.
Mid-Century Modern Smoked Alcove
237Mid-Century Modern Smoked Alcove color palette using #f4c1e2, #cad5ab, #7040dc, #427555, #8c4218.
Modern Washed Current
233Modern Washed Current color palette using #e6ebf4, #d8ceba, #7382a8, #6e5c34, #1a2b54.
Modern Antique Linen
231Modern Antique Linen color palette using #e1e9f6, #e7d6b9, #5e78b5, #635944, #263250.
Mid-Century Modern Still Archive
218Mid-Century Modern Still Archive color palette using #f0b9df, #ced8b7, #7658c6, #24aa4a, #874320.
Modern Soft Prairie
215Modern Soft Prairie color palette using #e1e8f5, #d8d2c5, #73819f, #856926, #16264d.
Mid-Century Modern Still Current
212Mid-Century Modern Still Current color palette using #e7c1d9, #cbe398, #8162b4, #2d8a4e, #8a471d.
Mid-Century Modern Faded Atlas
189Mid-Century Modern Faded Atlas color palette using #e7badb, #c9daac, #836db5, #239851, #653b26.
Modern Faded Linen
185Modern Faded Linen color palette using #e4ebf6, #ddd3be, #647fc7, #65593c, #202b42.
Modern Muted Orchard
179Modern Muted Orchard color palette using #d4ddeb, #e6d0a7, #6588bf, #5e5743, #212f52.
Mid-Century Modern Frosted Prairie
175Mid-Century Modern Frosted Prairie color palette using #e8c1dc, #d3e99d, #865fc3, #399156, #87441a.
Modern Faded Harbour
165Modern Faded Harbour color palette using #cedaee, #cdc5b9, #647eba, #60533f, #262d3b.
Mid-Century Modern Smoked Lantern
165Mid-Century Modern Smoked Lantern color palette using #ddc3d5, #cde3a4, #7f66c5, #3b8f56, #814722.
Modern Antique Atlas
161Modern Antique Atlas color palette using #e3eaf6, #d9cdb8, #4f73cd, #675632, #273550.
Modern Antique Orchard
153Modern Antique Orchard color palette using #dfe1e7, #d6d0c3, #7887ab, #675f4d, #233354.
Mid-Century Modern Golden Signal
144Mid-Century Modern Golden Signal color palette using #f5c4e3, #cfdcb0, #815db9, #3b945c, #6e3b24.
Mid-Century Modern Electric Archive
136Mid-Century Modern Electric Archive color palette using #f1c9e4, #cfdfa5, #7a4ed0, #328b4f, #813c1e.
Mid-Century Modern Frosted Drift
132Mid-Century Modern Frosted Drift color palette using #e8d1e1, #c8dda0, #815ec5, #3c8b52, #694939.
Modern Sunlit Atlas
122Modern Sunlit Atlas color palette using #d4ddec, #daceb1, #748bb7, #685a37, #25314c.
Mid-Century Modern Sunlit Ember
122Mid-Century Modern Sunlit Ember color palette using #e8cfe1, #c7d3aa, #764cd1, #319858, #694630.
About modern color palettes
Modern palettes sit on a complementary axis: slate or cool grey bases against a clear accent (often blue or teal) with lightness from deep UI chrome to bright surfaces. There are 48 Modern palettes here for SaaS, dashboards and product marketing.
Saturation on neutrals is moderate; the accent is clearer and slightly stronger so interactive elements read instantly. The look is clean, current and intentionally unfussy.
Use charcoal or slate for navigation, near-white for content areas, and one accent for links, charts and primary buttons. Avoid decorative second accents that dilute the Modern signal.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Modern color palette FAQ
What colours define a Modern palette?
Cool greys or charcoal, clean whites and a single confident accent, often blue. Complementary tension between cool base and accent keeps interfaces feeling contemporary.
Which hex codes are common in Modern UI?
Start with lavender (#f2dff2), pearl (#cbe7c8), lilac (#cdb1db). Broader Modern hex sets frequently include #f2dff2, #cbe7c8, #cdb1db, #768ebe, #af8d49, #3e5581, #574723, #202b45. Keep neutrals cool and the accent unambiguous at small sizes.
How should Modern colours be used in product design?
Neutrals own structure; the accent owns interaction. Charts, focus states and primary CTAs share that one accent so the product feels cohesive across screens.
Can I use Modern colour palettes for free?
Yes. Values on this page are free for apps, sites and presentations. There are 48 Modern palettes to start from.