Liquid Glass Colors
The complete color palette for Apple's Liquid Glass design language. Carefully crafted colors that work perfectly in both light and dark modes.
Color Palettes
Primary Colors
Core Liquid Glass colors for primary actions and branding
Liquid Blue
Liquid Purple
Liquid Indigo
Liquid Teal
Neutral Colors
Balanced grays and neutrals for backgrounds and text
System Gray
System Gray 2
System Gray 3
System Gray 4
Semantic Colors
Colors that convey meaning and status
System Red
System Orange
System Yellow
System Green
Glass Materials
Transparent overlays and glass effect colors
Glass Light
Glass Dark
Glass Blur
Glass Accent
Available Formats
Usage Guidelines
Accessibility
Ensure sufficient contrast ratios (4.5:1 for normal text, 3:1 for large text) when using colors for text and backgrounds.
Semantic Meaning
Use semantic colors consistently - red for errors, green for success, orange for warnings across your interface.
Glass Effects
Apply glass materials with subtle transparency (20-40% opacity) and backdrop blur for authentic Liquid Glass appearance.
Dark Mode
Colors automatically adapt to dark mode. Test your designs in both light and dark environments.
Ready to Use These Colors?
Download the complete Liquid Glass color palette in various formats and start creating beautiful interfaces today.