Tempered Indigo Harbor color palette — #FFF1F6 · #CFA1B2 · #8DA262 · #825FA9 · #46532C

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Rosewood Mist (#CFA1B2): A luminous, dusty rose — the color of strawberry cream.
• Moss (#8DA262): A luminous, balanced green — the color of fresh herbs.
• Slate (#825FA9): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#46532C): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Indigo 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

• Muted Cobalt color palette (#FDF1FA, #A1ADDD, #A99952, #5C6CB7, #574D20)
• Taupe Station color palette (#FBEEF2, #C2A4E1, #90A65E, #80629E, #32312A)
• Worn Plum Bloom color palette (#FFF1F0, #D39EB3, #5DA998, #AC4C79, #1C594D)
• Weathered Mustard color palette (#F7F3FF, #E6B0DB, #CBAF51, #B076A5, #355641)
• Amber Quarry color palette (#FFF1F5, #A88ABC, #B07E3C, #1C8784, #553942)
• Worn Lantern color palette (#FFF1F5, #E4D8D3, #D9BDA6, #8B84AE, #5E4549)
• Washed Bronze color palette (#FBF4E7, #C0B89D, #9B7B37, #725834, #514900)
• Ancient Pewter color palette (#FFF2F1, #D1BD9E, #7A4E65, #502D2D, #2F2119)

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