Hushed Shell color palette — #FFF2EF · #FFABBF · #7FCEC7 · #6CAEC2 · #533C38

Ballet Pink and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#FFABBF): A whisper-light, balanced red — the color of late-summer berries.
• Aqua (#7FCEC7): A luminous, dusty teal — the color of shallow lagoons.
• Cyan (#6CAEC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#533C38): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Hushed 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 Summit color palette (#FFF1F3, #F7A8EE, #64D3C9, #9BB896, #523B3E)
• Apricot Boulevard color palette (#FFF2EA, #FFAC7F, #83C0DB, #69A3BC, #5E2F00)
• Blush Thicket color palette (#FCF0FF, #F28FA5, #99AE79, #6D97BD, #493E4B)
• Blush Lantern color palette (#FFE4E1, #FF908A, #00BFDB, #4698D5, #4D211F)
• Worn Stone color palette (#FFF2F0, #E1DBCF, #B6C7D5, #D8B0A9, #604B46)
• Stone Quarry color palette (#FFF2EF, #FDB5C1, #DCB37B, #AB96CC, #49322C)
• Fern Balcony color palette (#FFF3E7, #EAD7B3, #CDB094, #A68B80, #524800)
• Softworn Cocoa Corridor color palette (#FFF2EE, #F8D3C5, #EEA4B3, #B17A79, #63260E)

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