Tempered Harbor color palette — #F8DEE3 · #EEB2FF · #47B200 · #003F42 · #0D2623
Built around Clover, softened by Carnation — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F8DEE3): A whisper-light, dusty red — the color of a theater curtain.
- Carnation (#EEB2FF): A whisper-light, balanced pink — the color of neon signs at night.
- Clover (#47B200): A luminous, vivid green — the color of new leaves after rain.
- Deep Teal (#003F42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#0D2623): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
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
- Muted Moss Meadow color palette (#F3E2E8, #FCABFC, #96A000, #18381A, #12261F)
- Tempered Parlor color palette (#FAE0E4, #AFBCFF, #00D58D, #124242, #122828)
- Ancient Jade color palette (#FFEAE0, #FF96AB, #00C783, #124251, #11292A)
- Emerald Courtyard color palette (#FFE1E2, #FF88C2, #009C45, #042A30, #001312)
- Clover Loft color palette (#EDDBEB, #FFB6C9, #00C85C, #3A6142, #1D210A)
- Jade Studio color palette (#FFEAE6, #8BACFF, #00BD7D, #002514, #0B0F04)
- Muted Mulberry Harbor color palette (#D9FFF6, #5E9B23, #881690, #634300, #1D320C)
- Hazy Bloom color palette (#E5FAFA, #03C079, #5343DF, #00673E, #111B38)
Browse the whole catalog at Explore, or see today's palette.