Hushed Pier color palette — #F5D8E3 · #9D60EA · #636A00 · #004C52 · #002528

Amethyst and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F5D8E3): A whisper-light, dusty rose — the color of a warm blush.
• Amethyst (#9D60EA): A luminous, vivid violet — the color of a velvet chair.
• Olive (#636A00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004C52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002528): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Hushed Pier 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

• Feathered Magenta color palette (#F5D9DE, #C758D1, #097017, #004B59, #00242C)
• Soft Iris Market color palette (#FCEDF4, #9683E6, #807300, #00567D, #002F47)
• Patina Peony color palette (#F6F3FF, #C36DBB, #656900, #00433A, #000F18)
• Muted Violet color palette (#EFD8E3, #7B59D3, #5F5300, #002D72, #000F30)
• Cornflower Coast color palette (#EDDBE9, #4F7BFB, #7A5F00, #125102, #052700)
• Ancient Magenta Grove color palette (#F6D9DD, #BF53C0, #506F00, #302E98, #15144F)
• Plum Pier color palette (#E6DCF5, #B30090, #643C00, #00381D, #002238)
• Byzantium Courtyard color palette (#FFE7EB, #9D18B2, #334F00, #180077, #030028)

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