Tempered Harbor color palette — #EAFBE9 · #EAAE99 · #909868 · #656B94 · #574048
Melon and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EAFBE9): A whisper-light, dusty green — the color of a quiet forest floor.
- Melon (#EAAE99): A luminous, dusty orange — the color of sun-warmed clay.
- Moss (#909868): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#656B94): A full-bodied, dusty violet — the color of wild irises.
- Cocoa (#574048): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Stone Field color palette (#FFF0F8, #DAB888, #70A07C, #77658E, #354E42)
- Taupe Cabin color palette (#FFF3E5, #FFD1C3, #A2A95A, #6B6E99, #5B3500)
- Timeworn Denim color palette (#FCF4E7, #C69F78, #7C7A42, #196085, #604100)
- Timeworn Alley color palette (#FAF2FF, #EED0DE, #96B3A9, #88809B, #564A61)
- Muted Amber Archive color palette (#E7F7EA, #B99644, #495D58, #313B33, #262023)
- Weathered Lagoon Drift color palette (#FFE6F6, #BE9E41, #008D66, #69437A, #0B392C)
- Quiet Station color palette (#FFF1F7, #EC8E00, #479B3B, #5C3D9A, #413400)
- Antique Studio color palette (#EAFAED, #E7D8C8, #FDCC8E, #88CAA2, #2E4F41)
Browse the whole catalog at Explore, or see today's palette.