Tempered Harbor color palette — #FFF3D8 · #D0DD8B · #00E2A0 · #D15700 · #403600
A conversation between Aqua and Pumpkin, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF3D8): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#D0DD8B): A whisper-light, balanced green — the color of fresh herbs.
- Aqua (#00E2A0): A luminous, vivid teal — the color of glacier melt.
- Pumpkin (#D15700): A luminous, vivid orange — the color of sun-warmed clay.
- Espresso (#403600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.
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
- Soft Seafoam color palette (#D7FFE7, #BDF2A8, #00DEC4, #B86F00, #283A07)
- Soft Courtyard color palette (#FFF3E2, #D6F3A8, #54F2D1, #ED7470, #3B3700)
- Worn Lime Archive color palette (#FFF2EC, #FFD78D, #8DD242, #C85465, #503105)
- Airy Cabin color palette (#E0FBF1, #ACE5C2, #00C7D7, #8E7600, #083835)
- Chalky Moss color palette (#FFF2D5, #D3CF58, #8BB041, #7E5E00, #403900)
- Aged Mustard color palette (#CDE6CF, #B7A635, #9D6D00, #813D00, #232E00)
- Sunlit Marigold color palette (#D2EBE4, #E79800, #456700, #213500, #00140F)
- Wandering Boulevard color palette (#E9FAF0, #C4E6EC, #C1B9C0, #C0967A, #415049)
Browse the whole catalog at Explore, or see today's palette.