Weathered Alley color palette — #F8F0ED · #C8E7DE · #57A9C3 · #537555 · #402F42

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

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Silver (#C8E7DE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#57A9C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#537555): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#402F42): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Ash Canyon color palette (#F9F4ED, #C2F0E3, #65A5B0, #657555, #395045)
• Periwinkle Hollow color palette (#FCECFD, #6D9FDB, #9C8F41, #837941, #302131)
• Muted Shell color palette (#E1F8F1, #E5D5CA, #FCBED7, #72947A, #483C46)
• Taupe Orchard color palette (#E4F7F1, #89B9E3, #B39B44, #3577AB, #34312A)
• Weathered Coast color palette (#D7F6DA, #7DC3E4, #548ED4, #515B8E, #4A303A)
• Lagoon Atelier color palette (#FAECE7, #35858F, #00415C, #002111, #00000A)
• Hushed Cobalt Cabin color palette (#FDEEE6, #8FDDF2, #0089D6, #00654C, #181E50)
• Spruce Ridge color palette (#E9DCD9, #52AEA7, #006376, #083D04, #000C1A)

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