Taupe Harbor color palette — #FEF1F7 · #CFC1FD · #C28C67 · #377869 · #1F412D
A conversation between Caramel and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF1F7): bright and airy, almost weightless.
- Lavender (#CFC1FD): A whisper-light, balanced violet — the color of wild irises.
- Caramel (#C28C67): A luminous, balanced gold — the color of afternoon light on wheat.
- Teal (#377869): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#1F412D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Patina Mallow color palette (#FFF1F2, #F1B7DF, #9A9F64, #27758D, #1D4130)
- Tempered Terrace color palette (#FBF3EF, #C2DFE3, #9ECDC8, #8C986F, #38544A)
- Tangerine Cabin color palette (#FFF2E9, #EC7200, #007B79, #004467, #20002D)
- Tempered Boulevard color palette (#FFF1F3, #FCD1D2, #EAA0AF, #A5675E, #534C48)
- Stone Chapel color palette (#FFF1F2, #D399C1, #62504A, #342728, #140D0F)
- Worn Cocoa Meadow color palette (#FBF4EC, #C7DFCC, #B3B185, #957E8A, #574300)
- Patina Bronze color palette (#F2F5FF, #998FC6, #986324, #006064, #244759)
- Hushed Apricot Station color palette (#FFF2ED, #F7A096, #519B7C, #006680, #24274B)
Browse the whole catalog at Explore, or see today's palette.