Gentle Azure color palette — #FDF1FB · #B8E3F3 · #00A9E4 · #008851 · #243E6E

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Powder Blue (#B8E3F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00A9E4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008851): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#243E6E): A deep, shadowed, balanced 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

• Hazy Azure color palette (#FFF0FC, #8ED9E6, #0096D9, #007650, #142778)
• Tempered Iris color palette (#FCF2F6, #B4E2FF, #6D97FA, #00837D, #43356A)
• Aqua Balcony color palette (#EDF9EF, #A3F5FC, #1ACAF0, #00A890, #004661)
• Lagoon Coast color palette (#F9F3F7, #D8D5E6, #91B5D9, #469781, #46526F)
• Wandering Cerulean Field color palette (#F0F6FF, #EDD6E2, #FFB0C2, #0095BA, #46386A)
• Soft Lilac color palette (#E4EBFF, #A7A3FF, #939A37, #9F7300, #2D2A54)
• Softworn Sapphire color palette (#F0E3E8, #8AB8D5, #456FCF, #005A55, #240850)
• Dusty Denim color palette (#F8EBF2, #5E9BBB, #2753A6, #003C37, #0B0026)

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