Tempered Harbor color palette — #E4ED97 · #B7DCFF · #00E7E8 · #36565F · #2B3335
Lagoon takes the lead with Butter close behind in a set that reads as nature and growth at first glance.
The five colors
- Butter (#E4ED97): A whisper-light, balanced green — the color of a quiet forest floor.
- Powder Blue (#B7DCFF): A whisper-light, dusty blue — the color of deep harbor water.
- Lagoon (#00E7E8): A whisper-light, balanced teal — the color of shallow lagoons.
- Peacock (#36565F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#2B3335): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged neon, dark, vibrant, 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
- Seafoam Archive color palette (#FFE1A4, #92E6FF, #67E8A2, #2C5050, #2A3838)
- Seafoam Study color palette (#97FDD3, #E3CCFF, #92D3FF, #364C5D, #293239)
- Worn Bloom color palette (#DCE6D7, #9CC2FF, #00CBE2, #004650, #12242C)
- Muted Abyss color palette (#EDF7F9, #B3DBCF, #528A80, #1D584F, #1C2F32)
- Seafoam Terrace color palette (#FFDEBD, #DCD7FF, #7FF0A4, #697733, #31332B)
- Ancient Mint color palette (#FFDEBF, #FFB5EC, #35E084, #334F5A, #303938)
- Antique Courtyard color palette (#EFF6FA, #9CDDED, #709FD2, #109DB5, #242F3A)
- Hushed Turquoise Atelier color palette (#F0F6FA, #D7D9E0, #B7B0BC, #67A5C0, #4D5458)
Browse the whole catalog at Explore, or see today's palette.