SwiftUI Color Palette Directory

SwiftUI Color Palettes for iOS App Design

Choosing the right color palette is one of the most impactful design decisions for your iOS app. This directory contains 110 curated color palettes organized into 10 categories, each with 5 semantic colors: primary, secondary, accent, background, and surface. Every palette is ready to use in your SwiftUI project.

How to Use These Palettes in SwiftUI

Click any palette to see its detail page. From there, copy the auto-generated Swift Color extension and paste it into your Xcode project. Each extension defines 5 static color properties (primary, secondary, accent, background, surface) that you can reference anywhere in your SwiftUI views:

Text("Hello")
    .foregroundColor(.primary)
    .background(.background)

Color Palette Categories Explained

• iOS System — Based on Apple's Human Interface Guidelines system colors
• Minimal — Clean, muted palettes for editorial and business apps
• Bold & Vibrant — High-energy palettes for consumer apps
• Nature — Earth tones and organic colors inspired by the natural world
• Gradient-Ready — Color pairs that look great as SwiftUI LinearGradient backgrounds
• Dark Mode — Optimized for dark UI backgrounds with high-contrast accents
• Pastel — Soft, light, friendly palettes for wellness and lifestyle apps
• Warm — Reds, oranges, yellows, and warm browns for food, social, and lifestyle apps
• Cool — Blues, teals, and greens for finance, productivity, and healthcare apps
• Neon & Cyberpunk — High-contrast futuristic palettes for gaming and creative apps

SwiftUI Color Best Practices

• Use semantic names (primary, secondary, accent) instead of color names like “blue” or “red”
• Always test your palette in both light and dark mode
• Aim for WCAG AA contrast (4.5:1) for body text and AA Large (3:1) for headings
• Define all colors in a single extension file for consistency across your app
• Consider using Asset Catalog Color Sets for automatic dark/light mode switching