Softworn Azure color palette — #FFF1F8 · #A9DDF5 · #5C9AD6 · #0F7C78 · #2B3A57

A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Powder Blue (#A9DDF5): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#5C9AD6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#0F7C78): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2B3A57): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Delta color palette (#FBF2F8, #C2EDF8, #69B2BF, #5B8667, #2C4C61)
• Wandering Cerulean Workshop color palette (#F6EBF2, #7ED5D6, #0995B1, #007047, #00314C)
• Muted Lagoon color palette (#FBF3EF, #C8E9D9, #86B3F5, #00A290, #383360)
• Turquoise Lagoon color palette (#F2E2EE, #21B7BE, #00718D, #004C34, #001527)
• Denim Boulevard color palette (#F1E3E9, #349ECE, #0056A9, #003B3C, #050228)
• Cobalt Atelier color palette (#F5E1E9, #78BAE5, #4673C0, #00585E, #1B1645)
• Tempered Cabin color palette (#D8FEFF, #8AF7FE, #9BC4FF, #709365, #2C484E)
• Frosted Dune color palette (#DFE6D4, #61C76A, #009470, #00685C, #004146)

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