Weathered Shell color palette — #FFF1F6 · #F3D3C6 · #FBABB3 · #6A85BD · #5A3941

Ballet Pink and Slate Blue set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#F3D3C6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ballet Pink (#FBABB3): A whisper-light, balanced red — the color of embers at dusk.
• Slate Blue (#6A85BD): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#5A3941): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Weathered Shell 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

• Timeworn Ash color palette (#FFF1F4, #E4D7CE, #CAC591, #8E89BD, #624143)
• Feathered Violet Summit color palette (#FFF0F8, #FFC2C6, #F7A159, #976DCA, #5C192C)
• Hushed Boulevard color palette (#D8FFF3, #DFDDFF, #E4AEDF, #3898AF, #4C3145)
• Dusty Indigo color palette (#F4F4FF, #FBD7FA, #D58EB8, #7D63A8, #443E60)
• Antique Mustard color palette (#FFE7DC, #F5CAAB, #BAB460, #A56588, #362F2B)
• Washed Taupe Boulevard color palette (#FFF1F1, #E2DAD0, #AAB3BF, #C199A3, #634B45)
• Quiet Ultramarine Atelier color palette (#FBD7E1, #EAB5D1, #E28C83, #4D59B0, #3D1537)
• Wandering Mulberry Canyon color palette (#FEE8EB, #A9BE7A, #854A82, #4A2548, #240E12)

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