Tempered Harbor color palette — #F9D5D6 · #A50089 · #366000 · #003E3C · #0E0009

Magenta Rose and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F9D5D6): A whisper-light, dusty red — the color of a theater curtain.
• Magenta Rose (#A50089): A full-bodied, vivid pink — the color of peonies in June.
• Olive (#366000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0E0009): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Energy. Tagged vibrant, 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

• Linen Loft color palette (#FFEAE8, #C32675, #0D5107, #003D46, #0F0005)
• Grape Garden color palette (#E6DEF0, #8124C1, #615200, #004125, #090014)
• Lowlit Terrace color palette (#F2D7D1, #9B003A, #005335, #002F39, #060001)
• Brick Alley color palette (#FFE9E1, #BF0231, #4D4600, #002E2A, #020029)
• Eclipse Mulberry Balcony color palette (#FAE6E5, #7C0050, #443300, #002223, #0F0006)
• Washed Plum color palette (#F2E5CC, #C03954, #743700, #00332E, #1F0000)
• Gentle Peony color palette (#FFE9E9, #CC499C, #744700, #7C0059, #030100)
• Misty Alley color palette (#FFDAD9, #F845AF, #357900, #00656A, #3E0027)

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