Tempered Harbor color palette — #FFECF3 · #BDA0F2 · #97993D · #007E8F · #00323A
Lavender takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
- Lavender (#BDA0F2): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#97993D): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007E8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#00323A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Hushed Villa color palette (#FCEDF6, #A3A8FF, #B48C3C, #1E8360, #003524)
- Hazy Taupe Coast color palette (#FFF0F7, #C0B3F3, #B99D4A, #5181AC, #223661)
- Sunlit Quarry color palette (#FFECF0, #DB91EB, #65A566, #318349, #003331)
- Aged Cerulean color palette (#FFE2F0, #DFB4CF, #BF9B7D, #588B9D, #345142)
- Blush Dune color palette (#FFEDE9, #F4909C, #00A8AA, #007AA4, #002F49)
- Emerald Terrace color palette (#FDF3EE, #C8EAD0, #70BBE9, #38A273, #28395F)
- Jade Drift color palette (#FFF3E5, #CACEA0, #7DAF81, #827EA6, #37352F)
- Frosted Peony Veranda color palette (#F5EEFE, #D06EAC, #996600, #005F45, #082A58)
Browse the whole catalog at Explore, or see today's palette.