Tempered Harbor color palette — #E6FBF4 · #FFE1C3 · #D2E272 · #66D7C4 · #154540
Lemon takes the lead with Aqua close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
- Peach Cream (#FFE1C3): A whisper-light, dusty gold — the color of honey in a jar.
- Lemon (#D2E272): A whisper-light, balanced green — the color of fresh herbs.
- Aqua (#66D7C4): A luminous, balanced teal — the color of shallow lagoons.
- Forest (#154540): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Softness, Clarity. Tagged candy, vibrant, light, 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
- Mint Loft color palette (#E8FCE7, #E7DBC6, #B2D59B, #6BC597, #264030)
- Muted Straw Meadow color palette (#FCF5E0, #FDF893, #D6D7CB, #57DFD8, #36362F)
- Gentle Celadon color palette (#E5FAFB, #D8F875, #7EF5CE, #7BC9E6, #17474F)
- Chartreuse Villa color palette (#ECF2BA, #A4DA73, #67C27E, #449B86, #1F535E)
- Aged Turquoise Loft color palette (#EAF9F6, #ABE3CF, #6DBBBC, #A08897, #2B484A)
- Feathered Chartreuse color palette (#D6FFF9, #FAD33F, #62E800, #00C6D0, #00311D)
- Wandering Corridor color palette (#D1F6FF, #9AEB5B, #00E1CC, #3BB0EF, #00252A)
- Quiet Emerald Station color palette (#F5F2E4, #F2D392, #B7CE66, #00A972, #2A2900)
Browse the whole catalog at Explore, or see today's palette.