Soft Azure color palette — #FAF2F9 · #9BEBF2 · #00A9E2 · #00884E · #223F6E

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Sea Foam (#9BEBF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00A9E2): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#223F6E): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Soft Station color palette (#FFF0FB, #7DDBEB, #0097D6, #00764E, #152C6F)
• Sky Lagoon color palette (#FFF2EC, #D2DCF2, #2DBFEF, #008B69, #09375C)
• Worn Periwinkle color palette (#FCF2F7, #AFE3FF, #5C99FF, #008478, #3F3769)
• Hushed Powder color palette (#FAF3F7, #D8D5E6, #85B6E7, #4F9682, #495268)
• Mint Corridor color palette (#E4F3E8, #00D4B1, #009FA8, #006E8A, #1A4676)
• Weathered Amber color palette (#C8F4FF, #00B2AD, #D27300, #8F7400, #003937)
• Linen Aqua color palette (#E6F9FF, #5CD5FF, #009DBD, #005D76, #002C36)
• Pale Sapphire color palette (#EDE0E5, #83B9D9, #2868F0, #005A53, #211444)

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