Softworn Atelier color palette — #FDF3EC · #B8DECF · #7795CF · #007D74 · #3B3458

A conversation between Teal and Blue Fog, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Silver (#B8DECF): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7795CF): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007D74): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#3B3458): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Atelier 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

• Washed Pine color palette (#FFF2EF, #C4DCC2, #24A5C6, #327F38, #1E3D5A)
• Washed Azure Cabin color palette (#FEF2EC, #9AD6E5, #0093E5, #007559, #202674)
• Cerulean Pier color palette (#FBF4E9, #BDE7FF, #84B7E7, #2D9CAA, #4A3048)
• Cobalt Hollow color palette (#F1F7F2, #A7CAE3, #287CC2, #005E69, #283B57)
• Lilac Ridge color palette (#F4EFDC, #ADAE50, #AA7DD9, #777600, #42255C)
• Ultramarine Orchard color palette (#F3E9E1, #6699BB, #2B4ABB, #003C39, #0D0024)
• Feathered Hollow color palette (#ECE1D7, #91B6D6, #5D6CC3, #00595B, #281042)
• Petrol Atelier color palette (#F9EDE7, #6FAEB6, #006E9B, #004D2F, #000843)

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