Quiet Pier color palette — #F4F8E1 · #7ECF85 · #A969E1 · #006F21 · #25003E
A conversation between Amethyst and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#7ECF85): A luminous, balanced green — the color of fresh herbs.
- Amethyst (#A969E1): A luminous, vivid violet — the color of a velvet chair.
- Olive (#006F21): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#25003E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Hazy Archive color palette (#FBF6DC, #B2C451, #AB58D5, #5F6B00, #280039)
- Powdered Study color palette (#F2F8E4, #64C187, #DE58AB, #007742, #310021)
- Powdered Wisteria Hollow color palette (#F2F8E8, #86D3A5, #CF87E6, #008B53, #391643)
- Iris Balcony color palette (#FFF4E1, #C9A54B, #8481F2, #7C5F00, #150945)
- Plum Field color palette (#E9F2DC, #27BB85, #B71892, #005C3E, #14000E)
- Grape Garden color palette (#BFE8E1, #40A722, #88269C, #175800, #3A1941)
- Worn Rose color palette (#EDFAE8, #2DD3BF, #DB4A53, #007467, #360006)
- Emerald Harbor color palette (#C4E6E1, #65CA5E, #16ABF8, #1F9D1B, #002C45)
Browse the whole catalog at Explore, or see today's palette.