UI Color Palette Designer

Design UI color palettes with intuitive hue/chroma sliders, light/dark theme, presets, export CSS, SwiftUI or XML Template Code code. Perfect for devs and designers!

UI Color Palette Designer: Your Ultimate Tool for Modern UI Colors Elevate your app and web designs with perceptually uniform color palettes. Inspired by cutting-edge color science (like OKLCH), this app lets you fine-tune hues and chroma to create vibrant, accessible themes—perfect for iOS, Mobile and Web Development Design.

Key Features:

Intuitive Sliders: Adjust hue (20°–340°) and chroma (0–0.3) in real-time. See instant previews on backgrounds, text, borders, actions, and alerts.

Light & Dark Modes: Toggle between themes to ensure your palettes work in any lighting. Soft shadows and highlights add depth for a professional look.

Preset Management: Save custom palettes with names, load them instantly, or delete with a swipe. No more starting from scratch!

Code Export: Generate ready-to-use code in OKLCH, HSL, full CSS theme, SwiftUI structs, or XML. Copy to clipboard or download files directly.

Palette Previews: View a grid of your colors with HEX values. Save as high-res images to Photos or share via AirDrop/Social.

Alert & Card Demos: Test your palette on real UI elements like success/warning alerts, gradient cards, and shadowed views.

Cross-Platform Ready: Export formats support web (CSS/HSL), iOS (SwiftUI), and XML Templates—streamline your workflow.

Whether you're a SwiftUI developer building iOS apps, Mobile or Web developer optimising themes, or a designer experimenting with color harmony, UI Color Palette Designer makes it effortless. 

No complex software needed—just slide, preview, and export.

Built with love in London by JohnnyD1776 at Itch Studio. 

Inspired by UI Colors from Sajid. 

Questions? Email uicolorpalettedesigner@itch.studio