Tempered Harbor color palette — #E0F4F2 · #007940 · #913000 · #4C2F00 · #000A0A
A conversation between Burnt Sienna and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#E0F4F2): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#007940): A full-bodied, balanced teal — the color of shallow lagoons.
- Burnt Sienna (#913000): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#4C2F00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Tempered Chestnut Hollow color palette (#D9EEEE, #218963, #994C1D, #583F00, #001415)
- Mulberry Field color palette (#D9E2CE, #007453, #9D0030, #3C3900, #141F03)
- Midnight Cocoa color palette (#CEE4E6, #006851, #622800, #2F2200, #010500)
- Frosted Terrace color palette (#D0E7DC, #6A6900, #8E255F, #6B0204, #080800)
- Linen Mulberry color palette (#E5D8F3, #A03477, #774900, #3F3600, #0E0218)
- Quiet Plum color palette (#EBF7FF, #0098BD, #C0416E, #6A4500, #000910)
- Fern Loft color palette (#F6EFF8, #BF808F, #988045, #5C6427, #291E2C)
- Sunlit Drift color palette (#DEEDFF, #006BC5, #306C00, #004738, #000B1D)
Browse the whole catalog at Explore, or see today's palette.