Weathered Shell color palette — #EFF6FD · #FFBCC6 · #5783A1 · #3B5060 · #242C33

A conversation between Ballet Pink and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Ballet Pink (#FFBCC6): A whisper-light, dusty red — the color of a theater curtain.
• Storm Blue (#5783A1): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3B5060): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242C33): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Worn Chapel color palette (#EEF8F1, #D5D7CB, #4B92A1, #134F5A, #131E17)
• Hushed Mustard color palette (#EFF6FF, #D3C67C, #5770A9, #34435B, #1A222E)
• Hushed Coast color palette (#EEF7FA, #BFE8DE, #6CABAD, #477583, #212E31)
• Antique Cypress color palette (#F0F8F0, #C4C39D, #27696A, #2C3E2D, #192724)
• Sapphire Bloom color palette (#EEF6FF, #FF9A99, #0069C1, #103B68, #101B29)
• Dusty Summit color palette (#EFF6FC, #DBD9E4, #BAAEB4, #7EA0B9, #4E5357)
• Dusty Blush Quarry color palette (#ECF8FB, #7AE6E2, #CD80A0, #439D9A, #322B36)
• Weathered Aqua Boulevard color palette (#E9FAF0, #76CCE5, #948ABB, #767044, #3B4957)

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