Tempered Harbor color palette — #EDE8DA · #716C00 · #3340CB · #3D3A00 · #020023

A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EDE8DA): bright and airy, almost weightless.
• Olive (#716C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#3340CB): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#3D3A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#020023): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Gentle Study color palette (#F3E1C0, #7F6600, #005B9A, #453600, #000611)
• Washed Bloom color palette (#E6DECD, #917E00, #544DFE, #615400, #030022)
• Nightshade Lantern color palette (#CEECDA, #5E5100, #2C0BAE, #262000, #030022)
• Frosted Aubergine color palette (#E5E8CE, #2F9028, #582597, #094505, #09001A)
• Frosted Nightshade color palette (#E3E2D5, #615A00, #511BBA, #58006A, #020200)
• Aged Indigo Garden color palette (#FAD6E9, #7056FF, #787200, #091106, #030200)
• Weathered Violet color palette (#E2E1BC, #8ABB53, #8771DC, #3C6100, #2B185B)
• Linen Byzantium color palette (#EDEED8, #60AD43, #AE3AAC, #1C5200, #310031)

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