Tempered Harbor color palette — #F9F3F8 · #FFC4C0 · #98BE49 · #EE7975 · #102923

Built around Lime, softened by Watermelon — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Shell Pink (#FFC4C0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Lime (#98BE49): A luminous, balanced green — the color of new leaves after rain.
• Watermelon (#EE7975): A luminous, balanced orange — the color of toasted spice.
• Onyx (#102923): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Soft Orchard color palette (#F7F3FB, #FFC0DC, #C5AF00, #E478AC, #1A2820)
• Wandering Mint color palette (#FAF3F6, #FFD4B6, #7ECD88, #E09861, #223130)
• Timeworn Amber color palette (#FDF2F7, #EEDBBE, #BD9845, #B97756, #08160B)
• Patina Clover color palette (#FFEBF6, #FFAC81, #48B700, #E06300, #041700)
• Mustard Archive color palette (#EBFAEC, #FEB48A, #ACAA35, #757DB2, #30432F)
• Patina Amber color palette (#FAF4EF, #EEB696, #AF8A00, #BB6730, #2A2315)
• Quiet Jade color palette (#FFF0F9, #F09E79, #00B17F, #6978BD, #372430)
• Quiet Honey color palette (#EDF9EE, #FFC450, #00C398, #C78F00, #002225)

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