Tempered Harbor color palette — #FFF1F5 · #9C52DB · #745300 · #004E11 · #003838
Amethyst takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Amethyst (#9C52DB): A full-bodied, vivid violet — the color of a velvet chair.
- Coffee (#745300): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#004E11): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#003838): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Ancient Violet Parlor color palette (#FFF1F5, #995FC2, #765200, #553A00, #00373F)
- Worn Raspberry color palette (#FFF1F1, #C04A97, #506300, #004C35, #00354D)
- Chalky Byzantium Lagoon color palette (#F3DADF, #913EA6, #564400, #003817, #002525)
- Softworn Terrace color palette (#FFF1F4, #9F77AE, #855900, #005354, #24365E)
- Softworn Cornflower color palette (#FFF0FD, #3C72F5, #9C2F00, #224B00, #00332A)
- Ancient Raspberry color palette (#F8EDFF, #CD4E87, #963A00, #453700, #021F01)
- Muted Market color palette (#E1FDF3, #0086C5, #9F1A50, #334800, #003425)
- Antique Plum color palette (#FFE0DA, #C80064, #345700, #00384F, #111D37)
Browse the whole catalog at Explore, or see today's palette.