Tempered Harbor color palette — #EEF9E8 · #00A489 · #6F4FC2 · #5E4200 · #061101

Violet and Fern set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EEF9E8): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#00A489): A luminous, balanced teal — the color of glacier melt.
• Violet (#6F4FC2): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#061101): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Feathered Plum color palette (#E9FAEE, #009FB6, #A13A97, #544C00, #001005)
• Frosted Lapis Ridge color palette (#F6F6E7, #72B031, #644DCF, #793600, #0E0D00)
• Plum Archive color palette (#F0F9E7, #08C497, #BD3A80, #5F4500, #251900)
• Cobalt Lantern color palette (#FFF3E8, #00D4B7, #2C7EDB, #794000, #0D2816)
• Aged Byzantium Chapel color palette (#FCF1FC, #4B90EB, #9C43A2, #565200, #100311)
• Periwinkle Quarry color palette (#E7FAF5, #5DA8F2, #687BCB, #855017, #112219)
• Gentle Delta color palette (#E8F8FF, #006C7A, #5B338E, #612100, #00262A)
• Tempered Field color palette (#E1FBFF, #00BEB2, #B671BB, #A15540, #042720)

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