Tempered Harbor color palette — #FFF1F0 · #F9C3D8 · #9CD8AA · #E089AE · #31573B

Bubblegum and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Thistle (#F9C3D8): A whisper-light, dusty rose — the color of strawberry cream.
• Pistachio (#9CD8AA): A whisper-light, balanced teal — the color of glacier melt.
• Bubblegum (#E089AE): A luminous, balanced rose — the color of pressed rose petals.
• Deep Olive (#31573B): A full-bodied, dusty teal — the color of glacier melt.

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

• Wisteria Drift color palette (#FFF1F5, #F6C6D4, #B4D395, #C38FE3, #4E4E46)
• Antique Coral Coast color palette (#FFF2EC, #F7C9B6, #78D7ED, #F58276, #355642)
• Peony Loft color palette (#F8F3FE, #E3B4CF, #85C1A1, #BF6CA0, #1D5758)
• Patina Rose Station color palette (#FFF2EF, #FFA8BB, #28DECC, #F33679, #00453E)
• Cocoa Lantern color palette (#FFF2EA, #E8D6C0, #D7AB94, #B2867A, #584500)
• Lichen Hollow color palette (#FFF1F3, #EAF7C7, #E2DBD1, #B8B6E3, #634B48)
• Antique Hollow color palette (#F6EEFE, #EA94BE, #71AB87, #926078, #163737)
• Patina Workshop color palette (#FCF3F1, #E3E0B9, #C18F94, #896257, #352824)

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