Softworn Azure Drift color palette — #FFF2ED · #9FEAEE · #1EAADB · #24864C · #1B3F71

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#9FEAEE): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#1EAADB): A luminous, balanced blue — the color of deep harbor water.
• Fern (#24864C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1B3F71): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Azure Lantern color palette (#FFF2EC, #74DDEA, #0098D2, #00764A, #0E2C70)
• Worn Periwinkle Thicket color palette (#FFF2E9, #B1E3FC, #639CF0, #008476, #3D376D)
• Gentle Aqua Pier color palette (#FBF4E9, #B1F2F7, #00CBF0, #00A88F, #004661)
• Muted Lagoon Chapel color palette (#FBF3EF, #CEE6E5, #8EBCB1, #579482, #614B5A)
• Ancient Denim Veranda color palette (#F4E7DE, #5B9CB9, #2056A1, #003C35, #0A0028)
• Cobalt Balcony color palette (#EADFD6, #8AB8D2, #4973BE, #005A52, #211149)
• Airy Iris Villa color palette (#FFF3E4, #F9AF2C, #747DEB, #9F6C00, #2D2D7C)
• Hushed Abyss Grove color palette (#F2E2DD, #6DAFB0, #007191, #004E20, #00132E)

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