Tempered Harbor color palette — #D6EFEC · #65A364 · #8969B6 · #0E6717 · #240F3B
Pine and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D6EFEC): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#65A364): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#8969B6): A full-bodied, balanced violet — the color of a velvet chair.
- Pine (#0E6717): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#240F3B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Linen Cobalt Meadow color palette (#D8EFE5, #93983D, #5B75CC, #575A00, #0C1547)
- Powdered Quarry color palette (#CCF1F4, #00AA85, #B2578D, #00644E, #320A23)
- Washed Fern color palette (#DFF4F0, #6C9D5E, #0082B8, #236800, #003A55)
- Ancient Canyon color palette (#EEF1DA, #85B87A, #AD7ECE, #288800, #432657)
- Sunlit Pine Terrace color palette (#D4EAE7, #4C8E4A, #89579A, #7C4279, #011A01)
- Aged Cypress color palette (#E1F6FD, #80C0C2, #C28A9A, #008285, #3B2843)
- Soft Mulberry color palette (#D6F0ED, #2C9130, #80006B, #044309, #14000F)
- Quiet Rust Veranda color palette (#D8EDFA, #008CB4, #AB481E, #004E66, #250700)
Browse the whole catalog at Explore, or see today's palette.