Quiet Pier color palette — #F5F4FF · #C16DB8 · #388D5F · #34704E · #1F303B
Built around Bubblegum, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F4FF): bright and airy, almost weightless.
- Bubblegum (#C16DB8): A luminous, balanced pink — the color of peonies in June.
- Fern (#388D5F): A full-bodied, balanced teal — the color of sea glass.
- Pine (#34704E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#1F303B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, 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
- Lilac Drift color palette (#F3F4FF, #AD84F1, #5F8F3E, #256C4E, #192B34)
- Chalky Blush Field color palette (#FBF1FF, #EF6798, #00928E, #036D69, #202A3B)
- Hushed Fuchsia color palette (#F8F2FF, #E17CC2, #8C8326, #006A78, #004049)
- Olive Balcony color palette (#FFF1F3, #D59BD3, #868512, #007367, #240F21)
- Soft Mallow color palette (#DDFEEF, #E291D5, #B67165, #226F77, #45364E)
- Lagoon Loft color palette (#FFF2EE, #EE9BA3, #D4817E, #019D77, #391D20)
- Chalky Lilac Thicket color palette (#F1F5FF, #9D87E7, #9D6F0D, #74590A, #1A2F37)
- Linen Raspberry Chapel color palette (#F5E7FF, #EA008F, #006E5A, #005158, #031332)
Browse the whole catalog at Explore, or see today's palette.