Sunlit Azure color palette — #FEF0FC · #A5E8F0 · #00A8E5 · #008752 · #2A3F66

A conversation between Cyan and Fern, giving this palette its sense of nature and growth.

The five colors

• Blush (#FEF0FC): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#A5E8F0): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A8E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008752): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2A3F66): 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 Sunlit 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 Quarry color palette (#FEF1F7, #B3E2FF, #6697FF, #00837C, #413863)
• Quiet Boulevard color palette (#F4EBF1, #82D3E3, #008FD2, #006F4E, #202B50)
• Powder Pier color palette (#FAF3F7, #D8D5E6, #88B6E2, #539581, #485269)
• Aqua Corridor color palette (#E6FAF6, #BBE6FF, #20CCE6, #00A69F, #004858)
• Soft Sapphire color palette (#F9E7EF, #75BBE3, #376AE4, #005A54, #21163F)
• Ultramarine Parlor color palette (#FAE9F1, #679AB3, #0752B4, #003C35, #0A0028)
• Timeworn Teal color palette (#F0E2EF, #3BB6B8, #007190, #004E1E, #00132E)
• Lilac Grove color palette (#FFF1F6, #F59300, #9F82FF, #AA6400, #3D2C6E)

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