Tempered Harbor color palette — #F6F1E6 · #A79E5C · #4D7F5B · #00575D · #39210A
Built around Moss, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F1E6): a clean, paper-quiet neutral.
- Moss (#A79E5C): A luminous, balanced green — the color of new leaves after rain.
- Fern (#4D7F5B): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#00575D): A full-bodied, dusty blue — the color of open sky before noon.
- Espresso (#39210A): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Softworn Taupe Field color palette (#F9F0E9, #C68E67, #767446, #20593A, #3F1B14)
- Dusty Teal Study color palette (#EEF5E6, #6EAB91, #3E7C87, #304D74, #3C1A29)
- Antique Terrace color palette (#F9F0E7, #BB9468, #697943, #643D59, #411913)
- Wandering Cypress color palette (#F2F2EB, #C5E3D9, #85A687, #3E7769, #273C2C)
- Soft Moss Atelier color palette (#F9F2D7, #838B00, #006C4A, #00414B, #271200)
- Hushed Loft color palette (#FBF2CE, #B1C386, #789353, #466335, #393A33)
- Antique Ridge color palette (#E9F1DA, #2B915E, #006168, #003461, #181400)
- Worn Sand color palette (#FCF4E9, #E8C68E, #62A5B6, #5F6795, #522B33)
Browse the whole catalog at Explore, or see today's palette.