Timeworn Azure color palette — #EDF8F6 · #A4DFF3 · #4AA1C6 · #007A87 · #213E53

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

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Powder Blue (#A4DFF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#4AA1C6): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#213E53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Periwinkle Grove color palette (#EBF8F8, #D4DBF9, #7EA8D9, #4A829D, #374960)
• Hushed Harbor color palette (#FCF2F8, #D6D4E0, #6FABE8, #00816A, #272A50)
• Patina Denim Quarry color palette (#DBEEEC, #509DBD, #005F88, #003A44, #000A16)
• Quiet Azure Boulevard color palette (#CCE9FF, #00A1DF, #9775CA, #1B8B6C, #162E3F)
• Aged Cobalt color palette (#E0F3F3, #9BC9F9, #5086D7, #006590, #1D2C51)
• Wisteria Basin color palette (#DEF2FF, #00B8EF, #C273C5, #007DA3, #49254B)
• Weathered Coast color palette (#DBEEDE, #C0AD71, #9A7B38, #735528, #183828)
• Hushed Turquoise Studio color palette (#EAF9F6, #A5E0EA, #3CA4BD, #007C7C, #1D3F51)

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