Weathered Alley color palette — #EFF8F0 · #A9D4F4 · #2E7FDE · #006475 · #2E3C6E

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#A9D4F4): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#2E7FDE): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#006475): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2E3C6E): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Cerulean Archive color palette (#EDF9EF, #ACD6E7, #008DAF, #00675D, #004566)
• Frosted Thicket color palette (#FBEEF2, #A6D7F6, #4677FB, #00625E, #29184C)
• Sapphire Dune color palette (#ECF9EF, #87BDEE, #1662E5, #005367, #252672)
• Linen Iris Atelier color palette (#FCF3EC, #B7E1FF, #6F95FF, #00837F, #433762)
• Mallow Study color palette (#EEF6FF, #E2D5F3, #D7AAFB, #0079A1, #354265)
• Airy Thicket color palette (#96F0FF, #00ADD7, #007FB0, #005093, #412A70)
• Hushed Station color palette (#FEF4E5, #CBE9FF, #83B9FF, #17A1BB, #323D63)
• Tempered Cypress color palette (#F1F7F2, #D0E0F1, #6BA4AF, #287F68, #38576A)

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