Timeworn Azure color palette — #F5F1EB · #C6E3E2 · #63A4CF · #34777A · #3F313F

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C6E3E2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#63A4CF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#34777A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3F313F): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Hushed Loft color palette (#FBF2F7, #D7E0F1, #7D9CBF, #41797F, #4B5265)
• Worn Hollow color palette (#E4DDD3, #5AA9C0, #006085, #003939, #000B1B)
• Amber Thicket color palette (#FFECF4, #A091CD, #BC7C50, #2D8A75, #34202A)
• Petrol Summit color palette (#EEE8E0, #7AC2C3, #00788A, #004D3C, #001923)
• Muted Navy color palette (#F3EDE4, #4680A0, #003D6D, #001E23, #00000D)
• Gentle Indigo color palette (#FFE8FE, #9CB1ED, #7475CA, #5B4E80, #4B2F3A)
• Muted Ridge color palette (#F7F1E8, #A7D5FF, #4A80DE, #005F75, #1B1E4F)
• Hushed Powder color palette (#FAF4EF, #C5DEE8, #BFC0FA, #5BA190, #5B4653)

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