Taupe Harbor color palette — #E8FAF0 · #E1E1A6 · #A99F66 · #56735E · #1C382E
Moss takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E8FAF0): A whisper-light, dusty teal — the color of glacier melt.
- Celadon Mist (#E1E1A6): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#A99F66): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#56735E): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#1C382E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Taupe Harbor 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
- Sand Study color palette (#FFF1F5, #F8D7A9, #BB966F, #81606E, #243728)
- Honey Villa color palette (#E1FEEB, #D1CB7E, #9B8941, #68562A, #07281D)
- Washed Cocoa Orchard color palette (#F8F1E2, #B5AC89, #837538, #654500, #262408)
- Moss Courtyard color palette (#C9F0DD, #97A340, #676300, #3B3100, #000503)
- Dusty Cocoa color palette (#E7FBEE, #85B2A5, #7E7240, #75440C, #254342)
- Hushed Taupe color palette (#EAFAF0, #AEDDC9, #B9AD77, #9C845D, #21453C)
- Blush Orchard color palette (#FCF1FF, #FF87A7, #BA9A44, #6B6D9C, #2C1F30)
- Muted Pewter Harbor color palette (#FCF0FF, #FFDEC6, #9C636F, #433147, #130C15)
Browse the whole catalog at Explore, or see today's palette.