Taupe Pier color palette — #F8F3F9 · #D2D6E9 · #AEC1E6 · #8AAD89 · #425568
Sage and Sky set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#D2D6E9): A whisper-light, dusty violet — the color of wild irises.
- Sky (#AEC1E6): A luminous, dusty violet — the color of twilight just after sunset.
- Sage (#8AAD89): A luminous, dusty green — the color of fresh herbs.
- Peacock (#425568): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Taupe 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
- Ash Meadow color palette (#F9F4EE, #CDE5DD, #82BDC4, #62927E, #355243)
- Lagoon Atelier color palette (#FBF2F6, #C3E5FF, #95B2E8, #07A197, #3B3459)
- Stone Veranda color palette (#E4FAFF, #85D8D4, #EFAA99, #C29B76, #2D474E)
- Dusty Ash color palette (#FFF0F8, #C8E1C9, #CDAABC, #A188A2, #394D43)
- Teal Atelier color palette (#E8F9FC, #97E7D6, #FAB2A3, #56BDAA, #62405A)
- Antique Boulevard color palette (#E6DAE4, #69AEB3, #007FA9, #006134, #00071F)
- Cypress Courtyard color palette (#F8F0EE, #C7E8DE, #64A7BC, #4F774E, #1D3D36)
- Hushed Iris color palette (#DBE7DA, #97C6EB, #6E89F3, #007D7D, #270D47)
Browse the whole catalog at Explore, or see today's palette.