Tempered Harbor color palette — #ECDDFF · #A02CF1 · #255600 · #00402E · #28133C
A conversation between Violet and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Thistle (#ECDDFF): A whisper-light, dusty violet — the color of a velvet chair.
- Violet (#A02CF1): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#255600): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#28133C): 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
- Chalky Byzantium Workshop color palette (#E5E0FF, #A300B7, #006A3F, #00492A, #2D1331)
- Amethyst Boulevard color palette (#E9E7FF, #702CF8, #006E35, #004921, #0C0228)
- Byzantium Thicket color palette (#EBE3FF, #B500AD, #5A4B00, #003A45, #092033)
- Patina Lapis Meadow color palette (#E0E2FF, #6226FE, #725300, #4F3800, #1C1841)
- Magenta Courtyard color palette (#E4EAB6, #C900CD, #9D0115, #004144, #46122F)
- Hushed Mulberry Lagoon color palette (#F5EEFF, #A40073, #523E00, #083A03, #00163D)
- Muted Plum Workshop color palette (#F8E8FF, #C02A6F, #006F71, #004F51, #2E2035)
- Lilac Terrace color palette (#F5F3FF, #AE79BA, #658B5E, #4C6847, #3D3B4A)
Browse the whole catalog at Explore, or see today's palette.