Soft Azure Field color palette — #FFF2EC · #D1EAFF · #0BA3F4 · #007556 · #111366

Cornflower takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Frost (#D1EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#0BA3F4): A luminous, vivid blue — the color of deep harbor water.
• Pine (#007556): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#111366): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Soft Azure Field 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

• Quiet Loft color palette (#FEF3EA, #DCE2F5, #7191FF, #007271, #2E0859)
• Pine Harbor color palette (#FFF2EE, #B3FEFE, #00AAD5, #00782F, #00244B)
• Aqua Dune color palette (#FFF0FB, #03CEE7, #0076AB, #00593C, #1B2D68)
• Sky Hollow color palette (#E9FBEC, #8CEAFD, #00BBF0, #00988F, #003656)
• Cobalt Terrace color palette (#FFF2EB, #98D7EB, #007ED2, #005342, #080231)
• Ancient Nightshade color palette (#EEE3DB, #7DA8C3, #254CAA, #002C29, #020008)
• Blush Thicket color palette (#FFF1F6, #FF75B3, #009144, #007366, #290014)
• Teal Pier color palette (#FAF4F0, #C3DFEA, #DEC0E1, #4EA490, #5F4355)

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