Quiet Azure color palette — #F7E4DC · #65D3DC · #009FD5 · #16814C · #021C4A
A conversation between Cerulean and Fern, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F7E4DC): A whisper-light, dusty orange — the color of autumn markets.
- Aqua (#65D3DC): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#009FD5): A luminous, balanced blue — the color of deep harbor water.
- Fern (#16814C): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#021C4A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Azure 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
- Airy Cornflower color palette (#FDEBDD, #85CAED, #5090F6, #007E72, #1F1740)
- Hushed Studio color palette (#D7E4DA, #6BC1CA, #00829E, #005A4F, #002334)
- Cerulean Market color palette (#F5F7E5, #9AD8DF, #00899E, #00524F, #000F15)
- Periwinkle Quarry color palette (#FFF3E8, #B0E1FF, #7EA8FF, #009890, #362660)
- Muted Magenta Balcony color palette (#F5E1F2, #FD38F5, #009B99, #00835A, #230121)
- Denim Quarry color palette (#EFE3EB, #62A9B2, #00617E, #003B2C, #000B1B)
- Worn Powder color palette (#FEF3ED, #BEF0EB, #95C3EA, #6FA590, #573E51)
- Gentle Iris Courtyard color palette (#FADEE2, #FBAE9B, #E3AA6E, #7F81CD, #39172C)
Browse the whole catalog at Explore, or see today's palette.