Softworn Azure color palette — #C2E9F4 · #23A2C9 · #00739B · #004E71 · #282C5F

Built around Cyan, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#C2E9F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#23A2C9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00739B): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004E71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#282C5F): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Patina Cobalt Pier color palette (#C1E8F9, #0082B4, #004C74, #002E55, #17103C)
• Dusty Teal color palette (#C2EEE7, #2DB0AB, #008387, #005860, #163A56)
• Hushed Aqua Boulevard color palette (#CFF0EE, #00C6D8, #008AB7, #006097, #27355F)
• Dusty Petrol Coast color palette (#E6F2FF, #71A5DC, #0067AB, #003A65, #002242)
• Byzantium Station color palette (#CEE8FF, #1581BD, #8252AD, #006A57, #112E44)
• Hazy Nightshade color palette (#DCE7FD, #7F98E1, #5459BD, #4330A1, #3C305F)
• Frosted Olive color palette (#E0F1FD, #4499BC, #59892A, #005F7E, #223E00)
• Petrol Meadow color palette (#F0F5FF, #ABB1DF, #827DBF, #6C5A9F, #484B6F)

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