Softworn Azure color palette — #FFF0FB · #2FE3F8 · #0097D4 · #00764D · #152D6B
A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#2FE3F8): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0097D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00764D): A full-bodied, balanced teal — the color of sea glass.
- Navy (#152D6B): 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 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
- Softworn Azure color palette (#FDF1FB, #AADEF1, #38A1D1, #377C55, #283A5B)
- Cornflower Harbor color palette (#FFF1F6, #8ED5FF, #5084FD, #00736D, #36265E)
- Tempered Alley color palette (#F3E6EE, #6FBFD2, #007BBE, #005C43, #121947)
- Wandering Powder color palette (#FBF2F7, #D8D5E6, #8BB6DF, #609094, #4B5264)
- Quiet Ultramarine color palette (#EFDBE3, #42ADE5, #2D5BCF, #004A46, #18033A)
- Dusty Seafoam color palette (#E0FFE0, #0BF5E2, #83C2FF, #968205, #003E33)
- Tempered Magenta Meadow color palette (#C1F3D4, #2FCE85, #C132BA, #007D4C, #4C0D49)
- Ancient Mint color palette (#A5FFE2, #00CC94, #008F6A, #00543E, #001D16)
Browse the whole catalog at Explore, or see today's palette.