Softworn Alley color palette — #F8F5EF · #C7E8E5 · #6CA1BE · #317C7A · #37514A

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C7E8E5): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6CA1BE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#317C7A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#37514A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn 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 Quarry color palette (#F8F5EF, #C4E6D4, #4093C5, #156F73, #563E57)
• Wandering Petrol color palette (#F4EEE4, #75C1BC, #007681, #00523B, #003441)
• Turquoise Courtyard color palette (#EEF7F6, #D5DDEB, #A3CDE8, #6CAFB5, #405565)
• Olive Lagoon color palette (#F8F0EB, #C4EAE6, #7AA1C3, #597638, #422F3D)
• Worn Turquoise color palette (#FFF2EB, #DC9F88, #33A7CE, #A85A3A, #365546)
• Hushed Navy Delta color palette (#F6EEE1, #5288A1, #004067, #002225, #00071F)
• Weathered Alley color palette (#FFF2EA, #CC835C, #2B9F7E, #746EA2, #48413C)
• Sapphire Studio color palette (#FDF4E6, #8CBDE8, #0760EE, #005367, #262B65)

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