Weathered Alley color palette — #F9F3F9 · #A7CCD7 · #0585A5 · #126426 · #1A3C5F

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Oat (#A7CCD7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0585A5): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#126426): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#1A3C5F): 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

• Cobalt Alley color palette (#FBF2F6, #AEC9DE, #5976B7, #00605C, #3D335B)
• Timeworn Cerulean color palette (#F5F1EB, #B0D2B0, #008B9D, #005E48, #002531)
• Weathered Turquoise color palette (#EFF8F1, #A2E2E1, #00A8BC, #007F62, #094153)
• Hushed Lagoon Canyon color palette (#EBE0EA, #3D8E93, #00435A, #00240F, #00081E)
• Soft Sapphire color palette (#FEF1F6, #8ABFE1, #335FE3, #005652, #3A1B6F)
• Airy Grape Station color palette (#C3EEF1, #008F70, #7A53B7, #7132B0, #003236)
• Bronze Hollow color palette (#DCFEF7, #B5E1E6, #70B6E4, #88710B, #1C4D50)
• Denim Balcony color palette (#E8DCE6, #63ACB5, #005E85, #004027, #071B4A)

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