Tempered Harbor color palette — #EEF4EC · #C7D9CA · #8AB7A1 · #006A62 · #0D1F08
Pine takes the lead with Sage close behind in a set that reads as sophistication at first glance.
The five colors
- Cream (#EEF4EC): a clean, paper-quiet neutral.
- Oat (#C7D9CA): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8AB7A1): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#006A62): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#0D1F08): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Sophistication. Tagged scandi, muted, 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
- Muted Fern color palette (#F2F3EA, #D1D7C6, #A0B297, #296D00, #1B1C00)
- Worn Denim Pier color palette (#E4EBE8, #BED0CB, #B19CAC, #005D7D, #051A12)
- Cypress Meadow color palette (#E6F9FC, #BAD8E7, #8CAACB, #006A59, #1A383C)
- Worn Spruce color palette (#E2ECE4, #809289, #4E746A, #003036, #000200)
- Fern Garden color palette (#F0E4C9, #8F9E4B, #316B00, #004A36, #141800)
- Wandering Lagoon color palette (#EEF3EE, #D0D9D8, #A4B3BB, #518F90, #323832)
- Patina Garnet color palette (#F2EAD9, #009290, #00597B, #5F002B, #001619)
- Ancient Aubergine Studio color palette (#D1E7D3, #008287, #5A00BA, #590105, #0C1000)
Browse the whole catalog at Explore, or see today's palette.