Muted Azure Loft color palette — #FFF2EC · #6BDEEE · #0097D3 · #00764C · #192F63
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#6BDEEE): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0097D3): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00764C): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#192F63): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
Use it as a design system
One click turns Muted Azure Loft into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Chalky Pier color palette (#FDF3EF, #A5E1E7, #0BA2DB, #00814D, #4A3049)
- Cornflower Hollow color palette (#FFF3E8, #8DD5FF, #4E84FF, #00736C, #362366)
- Hushed Azure Studio color palette (#FEF1FB, #D1DAF6, #00A8DE, #00755D, #002549)
- Hushed Cornflower Balcony color palette (#DDE7F4, #198DF9, #748C00, #007D53, #002449)
- Soft Balcony color palette (#F1E2DA, #73BFCF, #007CBB, #005C42, #111A45)
- Turquoise Harbor color palette (#F5F7E8, #89EBFB, #00BEE1, #009798, #00394A)
- Quiet Thicket color palette (#F1F5FF, #F3D3FF, #FF94A7, #0094B2, #3A2D5A)
- Quiet Ultramarine Lantern color palette (#EADBCF, #5DABD8, #2D5BCF, #004A46, #170636)
Browse the whole catalog at Explore, or see today's palette.