Tempered Harbor color palette — #EEF7F7 · #98CEB7 · #916CA4 · #00815E · #2D2C3A

Teal and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Mint Leaf (#98CEB7): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#916CA4): A full-bodied, balanced violet — the color of a velvet chair.
• Teal (#00815E): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#2D2C3A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Petrol Meadow color palette (#EFF7FB, #99C8DF, #A76873, #007A8F, #332A35)
• Dusty Olive Coast color palette (#EEF8F4, #B9C895, #4B81B6, #617800, #232F3C)
• Ancient Orchard color palette (#EEF3EE, #95D0CC, #5883C7, #0E827E, #1B131A)
• Antique Atelier color palette (#EFF7F9, #8CE3DE, #729BE6, #00A19C, #282E38)
• Hushed Lantern color palette (#E8FBEE, #80B5A2, #4C7CA6, #6C5700, #314C55)
• Worn Garnet color palette (#D4E5EE, #00849F, #790024, #003845, #0D0001)
• Faded Plum color palette (#EBF8FB, #00BAAC, #AD127F, #00645C, #310D24)
• Denim Drift color palette (#D8FEFF, #91C5D6, #4691B5, #3D56A3, #5B3674)

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