Quiet Pier color palette — #F2E8F6 · #C10066 · #006355 · #540029 · #000201
Magenta Rose and Mulberry set the tone — five colors that lean into energy and balance.
The five colors
- Blush (#F2E8F6): A whisper-light, dusty pink — the color of a candy shop window.
- Magenta Rose (#C10066): A full-bodied, vivid rose — the color of a warm blush.
- Pine (#006355): A full-bodied, balanced teal — the color of sea glass.
- Mulberry (#540029): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Black (#000201): quiet, heavy and certain.
Feels like: Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Quiet 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
- Muted Ridge color palette (#E6D8F2, #B02E7E, #475E00, #510036, #010100)
- Mulberry Veranda color palette (#FAD5CE, #960047, #004A38, #42001B, #000805)
- Patina Canyon color palette (#FBE1EF, #AD4800, #006161, #4A1A00, #000202)
- Washed Raspberry color palette (#F6D6DF, #DE1B7B, #008374, #980E52, #000806)
- Velvet Delta color palette (#E7D8F1, #8B0053, #00387C, #3D0022, #000105)
- Plum Lantern color palette (#D1E0F0, #0092A9, #D00066, #16060F, #030004)
- Softworn Coast color palette (#DBDCF7, #8D35C8, #326300, #3F0061, #000200)
- Charred Raspberry color palette (#F2DDDF, #D34E6C, #76002D, #1B0004, #040001)
Browse the whole catalog at Explore, or see today's palette.