Tempered Harbor color palette — #FFF1F6 · #D69D00 · #479B35 · #7E0E9F · #3C3700
Built around Plum, softened by Kelly Green — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Gold (#D69D00): A luminous, balanced gold — the color of honey in a jar.
- Kelly Green (#479B35): A luminous, vivid green — the color of new leaves after rain.
- Plum (#7E0E9F): A full-bodied, vivid pink — the color of a candy shop window.
- Deep Olive (#3C3700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged retro, 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
- Hushed Aubergine color palette (#E2FEE0, #E79128, #749216, #5F33A9, #443300)
- Powdered Emerald color palette (#FFF3E6, #E8B800, #10A140, #63478F, #292A00)
- Aged Mulberry Ridge color palette (#FEE7F2, #ACA45B, #1E8C61, #872A6F, #283609)
- Tempered Grape color palette (#FFF0F7, #E97814, #008B77, #7800B5, #4E2300)
- Washed Courtyard color palette (#FFF0F9, #A3BC7E, #34988D, #9A4060, #184642)
- Worn Field color palette (#E2FEE6, #F7806A, #997900, #3E45C7, #552700)
- Powdered Garnet color palette (#FEDCEE, #7C8900, #006854, #670046, #061C00)
- Washed Workshop color palette (#FFD3E7, #9CC8B0, #7A9B7A, #855B96, #683740)
Browse the whole catalog at Explore, or see today's palette.