Quiet Pier color palette — #C4ECFF · #00A7C2 · #B76AA7 · #8B7621 · #0C303E
Dusty Rose and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#C4ECFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00A7C2): A luminous, balanced blue — the color of open sky before noon.
- Dusty Rose (#B76AA7): A luminous, balanced pink — the color of neon signs at night.
- Walnut (#8B7621): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#0C303E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.
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
- Violet Dune color palette (#BCEFF8, #00AD9C, #9C6FD4, #9E6B39, #013239)
- Washed Azure Workshop color palette (#D0E8FF, #189BF6, #D25D79, #64842F, #162D43)
- Faded Rust Dune color palette (#C6EBFE, #00889F, #AA4A3F, #774B00, #003042)
- Periwinkle Field color palette (#E4F0FF, #5FA2FF, #AE4E27, #636515, #192739)
- Worn Emerald Bloom color palette (#E1FEE8, #1FBACC, #7B8EEA, #3C9431, #03220E)
- Worn Workshop color palette (#ECE6F7, #A25BED, #B06600, #007A6E, #251637)
- Quiet Lilac color palette (#EBE8FF, #A082FF, #DB6B00, #009375, #312A4D)
- Gentle Pier color palette (#CBEFDA, #35D0F6, #E9837A, #CD6735, #0E3321)
Browse the whole catalog at Explore, or see today's palette.