Tempered Harbor color palette — #F4F8E5 · #A7DCA9 · #CFABDD · #C28EBA · #383932

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

The five colors

• Ivory (#F4F8E5): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A7DCA9): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#CFABDD): A luminous, dusty pink — the color of neon signs at night.
• Mauve (#C28EBA): A luminous, balanced pink — the color of neon signs at night.
• Charcoal (#383932): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Ancient Stone Canyon color palette (#ECFAE8, #8FDDD3, #EBA3B9, #CE8F8C, #303C2D)
• Washed Powder color palette (#FFF4E0, #E2C98D, #9BBBF5, #A19BCA, #3C3831)
• Dusty Powder Balcony color palette (#EBF9F3, #8BCDF0, #AFA6DC, #A9716D, #25362F)
• Bronze Alley color palette (#FFF3E7, #DDDFC0, #C4A98F, #A76845, #4E3D00)
• Dusty Fern color palette (#F5F7E3, #C8E8D8, #ABC1DC, #C2B492, #4A570D)
• Ancient Basin color palette (#F1F7F1, #D5D8CB, #738F70, #394C37, #161D16)
• Antique Iris color palette (#E4FBF5, #88A267, #9678C2, #9B6377, #324742)
• Gentle Teal color palette (#E3FFDD, #00BFB4, #D17491, #BB5C68, #0B2107)

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