Softworn Azure color palette — #E7F2E9 · #8ECCD7 · #00A1CB · #007E74 · #002236

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sky (#8ECCD7): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#00A1CB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E74): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Azure Ridge color palette (#E0EBE2, #93C7EA, #4494ED, #007A8D, #0C184D)
• Pale Cobalt color palette (#F4E6F1, #6DC0CE, #007DB5, #005C3E, #0A1751)
• Petrol Alley color palette (#E6F2E8, #6DADB4, #00819D, #005E52, #000B13)
• Periwinkle Field color palette (#EAFAED, #B8DFFF, #73ABFF, #0093B0, #212772)
• Antique Denim Lantern color palette (#F5EFE5, #65A8B4, #00617C, #003A35, #000C17)
• Worn Emerald Archive color palette (#D3E4E4, #84DAD2, #6AC5E2, #569845, #002E31)
• Quiet Lagoon color palette (#D5EAE0, #00C69F, #009876, #006047, #000E08)
• Softworn Teal color palette (#F1F7F2, #D2DFF7, #87C6EC, #4EA8A9, #2E4A67)

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