Tempered Harbor color palette — #FFF1F1 · #D89DBC · #65B98E · #46A49A · #543B3B

Built around Jade, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#D89DBC): A luminous, balanced rose — the color of a warm blush.
• Jade (#65B98E): A luminous, balanced teal — the color of shallow lagoons.
• Turquoise (#46A49A): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#543B3B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Weathered Moss Chapel color palette (#FFF1F5, #C1A4D1, #AEA767, #70A263, #533A41)
• Hushed Cobalt color palette (#FEF3E8, #CEA07A, #6EAB88, #4F7EAF, #423C37)
• Mallow Grove color palette (#F8F2FF, #FDB1D9, #83CEA6, #6AB1A7, #3C3544)
• Pale Lantern color palette (#FFE4E2, #F16A6B, #00A78D, #008E9D, #56171A)
• Softworn Dune color palette (#FFF3E9, #D8C8B4, #BA9178, #9A645E, #5B4400)
• Mallow Harbor color palette (#FFF2F0, #FFAAC9, #EAB07E, #ADA7DC, #533B39)
• Amber Workshop color palette (#FCF1FF, #C48292, #B27D39, #7C6CA0, #493E4C)
• Softworn Veranda color palette (#FFF2F0, #FCC9D8, #CE889C, #974B68, #4E2632)

Browse the whole catalog at Explore, or see today's palette.