Atmos Blog
Articles, tips, and news about color palettes, design tools, and design in general.
How to Build a Color System for UI Design
A step-by-step guide to creating a professional UI color system: from brand colors to accessible shade scales, semantic tokens, and Figma sync.
August 16, 2026
LCH vs OKLCH: what is the difference?
Learn the differences between LCH and OKLCH color spaces for UI design. Understand chroma, hue behavior, and why OKLCH is the better choice for CSS color palettes.
May 7, 2023
Designing for Color Blindness in UI Design
Learn best practices for designing accessible UI for users with color blindness. Covers all types of color blindness, high contrast design, and testing tools.
February 4, 2023
Color formats on the Web
Learn about CSS color formats including HEX, RGB, HSL, LCH, and Display P3. Understand the differences and when to use each format for better web design and color systems.
December 8, 2022
Dark mode UI design – 7 best practices
Dark mode is one of the most requested UI features. Learn 7 best practices for designing accessible, polished dark themes, from color saturation to focus indicators.
October 8, 2022
Atmos 1.0 is here 🎉
Atmos 1.0 marks the end of beta, introducing a Pro subscription with unlimited projects, version history, CSS and JS export, and project sharing.
August 21, 2022
LCH is the best color space!
LCH is a perceptually uniform color space ideal for UI design and color palettes. Learn how LCH outperforms HSL and why it matters for accessibility and consistency.
April 15, 2022
All you need to know about color theory in UI Design
Color theory helps designers choose colors that look great and evoke the right emotions. Learn about the color wheel, color schemes, color spaces, and more.
February 22, 2022
How to create the best UI color palette
Creating a great color palette is hard. Follow this guide to create the best color palette - from finding colors, generating shades, to naming conventions
February 9, 2022
Theming with React and Styled Components
Working with colors and creating a theme can get messy. Learn how to structure a palette and theme, implement dark mode, and use CSS variables to avoid duplication.
February 9, 2022