Gentle Azure color palette — #FFF2EC · #A3F6FF · #009ED7 · #016E41 · #081C41

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#A3F6FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#009ED7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#016E41): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#081C41): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Gentle 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

• Iris Boulevard color palette (#FDF3EB, #CAEBFF, #648FE7, #006A64, #211441)
• Cobalt Delta color palette (#FFF2EA, #81D9FF, #427AC6, #005248, #0C032C)
• Weathered Turquoise color palette (#E1F3F0, #ACDCEE, #38B6CF, #00918D, #003442)
• Petrol Loft color palette (#F3ECF1, #88BACE, #007296, #00523F, #002F57)
• Aged Cornflower color palette (#FFF4DF, #DBB426, #597CE7, #786000, #060F46)
• Patina Periwinkle Workshop color palette (#FEF3EA, #D8D6E2, #7FAEFF, #00897E, #352D59)
• Dusty Alley color palette (#E9EADD, #9DBCA3, #00788A, #004B49, #001921)
• Patina Market color palette (#F7E7DD, #55AFCD, #005699, #002C23, #01000A)

Browse the whole catalog at Explore, or see today's palette.