Tempered Harbor color palette — #FFE9E0 · #A1AB00 · #008984 · #743E70 · #30312A
A conversation between Gold and Mulberry, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FFE9E0): A whisper-light, dusty orange — the color of toasted spice.
- Gold (#A1AB00): A luminous, balanced green — the color of fresh herbs.
- Fern (#008984): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#743E70): A full-bodied, balanced pink — the color of neon signs at night.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Feathered Clover color palette (#FFE9E5, #51BC61, #0084A4, #823951, #253618)
- Marigold Meadow color palette (#FFEADA, #D19500, #0E8E55, #5E4881, #32302A)
- Softworn Mulberry Station color palette (#FFF0F8, #B3BF6A, #009378, #832862, #102805)
- Tempered Alley color palette (#FCF4E7, #A5C076, #46926B, #67635C, #36362F)
- Wandering Stone Harbor color palette (#F2E6D4, #95C79C, #62A0B1, #815E55, #583B34)
- Weathered Moss Harbor color palette (#F4F3DE, #7EB017, #7E53A4, #6C3B68, #471538)
- Sunlit Moss Grove color palette (#FFEBE4, #698F00, #00656B, #5F114C, #001C0B)
- Emerald Corridor color palette (#D9F7EB, #609658, #0A6B4B, #004663, #003936)
Browse the whole catalog at Explore, or see today's palette.