Tempered Harbor color palette — #FFF1F7 · #CCF3BF · #796E9E · #3B3155 · #180A11

Celadon Mist takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Celadon Mist (#CCF3BF): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#796E9E): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#3B3155): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#180A11): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Driftwood Field color palette (#FFF1F3, #C4EFDA, #A6777E, #5B3C41, #22181A)
• Worn Straw color palette (#FFF1F1, #DBE26E, #9A4C75, #4F1436, #170001)
• Hushed Alley color palette (#FEEDF1, #DFA298, #694080, #331C3F, #13090C)
• Muted Pewter color palette (#F4F4FF, #EEC7E6, #A586BB, #735487, #21202D)
• Wandering Boulevard color palette (#F3F5FE, #94BC85, #554580, #30274B, #201A27)
• Muted Mallow Thicket color palette (#FBF5E2, #EAB8E9, #C07E78, #0D707F, #462827)
• Lilac Dune color palette (#FEF1F5, #F4D2E9, #D8865E, #9F73C7, #1D0E05)
• Antique Pier color palette (#FFF1F1, #E297C2, #C3926A, #5C7E3E, #331E1E)

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