Faded Pier color palette — #EBEEE1 · #007E3A · #005B9A · #00451C · #000611
Olive and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EBEEE1): bright and airy, almost weightless.
- Olive (#007E3A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005B9A): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00451C): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#000611): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Faded 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
- Softworn Corridor color palette (#D3E5C4, #006852, #005379, #433F00, #000201)
- Antique Market color palette (#D1E6D4, #00787E, #6D0FCA, #004144, #09001B)
- Pine Balcony color palette (#E8F3DA, #007C58, #7C4B00, #00432E, #0C0400)
- Tempered Boulevard color palette (#C6ECD8, #008C60, #005636, #002315, #000201)
- Grape Lagoon color palette (#E4EED1, #007F4F, #7C14A2, #00351E, #030005)
- Olive Boulevard color palette (#D8E7D1, #678000, #00342C, #14121E, #000806)
- Bronze Loft color palette (#DFECDC, #009B91, #8F7000, #006059, #231900)
- Quiet Coast color palette (#E6F5E4, #207123, #57004D, #022903, #10000D)
Browse the whole catalog at Explore, or see today's palette.