Weathered Alley color palette — #F7F0ED · #CCE4CF · #5797B5 · #1C6F41 · #172C4D

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Celadon Mist (#CCE4CF): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#5797B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#1C6F41): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#172C4D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Ancient Lantern color palette (#F7F0EC, #CBE3D9, #718DC5, #006D67, #411F31)
• Cobalt Drift color palette (#F7F0EC, #AFD1BD, #4881B3, #005D49, #171B45)
• Patina Turquoise color palette (#FAF3F9, #C0EDFD, #49B1E0, #3E8D5E, #39495E)
• Airy Courtyard color palette (#F2F4E1, #8DAF7F, #B574A6, #327700, #3B1934)
• Timeworn Navy color palette (#E7DDD3, #538476, #252791, #001F20, #020007)
• Weathered Denim color palette (#EEE3DD, #6C957C, #004D7B, #002D20, #02001D)
• Wandering Emerald color palette (#F3DDBA, #A6AB6C, #4C8F42, #005A3B, #00352F)
• Gentle Ultramarine Ridge color palette (#FBECE2, #6EA4C0, #1952AE, #003A34, #0C002B)

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