Weathered Alley color palette — #FAF3F7 · #B2DDE8 · #31A5BD · #00814C · #043F5B

Built around Teal, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#B2DDE8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#31A5BD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00814C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#043F5B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Weathered Alley 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

• Turquoise Study color palette (#FEF2EC, #C7F9E9, #27B9D2, #3E7E57, #023349)
• Ancient Station color palette (#FAF2F8, #CFE0FC, #6BADD6, #008E7B, #344964)
• Ancient Cobalt Station color palette (#F4ECF1, #94CFE2, #388EC8, #006D63, #112961)
• Antique Lagoon Hollow color palette (#F6F6EE, #94D3CF, #00898E, #006152, #25422E)
• Cerulean Balcony color palette (#EEF6FF, #D4DEFF, #EEADE1, #2092B3, #38435C)
• Denim Boulevard color palette (#EDE3EA, #6A9BAA, #006278, #003E28, #000A15)
• Frosted Study color palette (#D6E6FF, #7691DF, #BB7900, #8E7500, #1B2B47)
• Petrol Courtyard color palette (#EBE0E6, #77AABE, #006AAD, #004A46, #040248)

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