Tempered Harbor color palette — #F1F5FF · #BBCC98 · #6D6AA3 · #3F3B6C · #1D212F
Built around Slate, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Pistachio (#BBCC98): A luminous, dusty green — the color of new leaves after rain.
- Slate (#6D6AA3): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3F3B6C): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#1D212F): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Denim Drift color palette (#EEF6FE, #E6BA9F, #4C769B, #1B4569, #16232F)
- Aged Study color palette (#F5F4FC, #AFDCD1, #7C789D, #4C4868, #2B2A36)
- Weathered Summit color palette (#FDF1F9, #BDF8B0, #6871AB, #4A2D42, #160C13)
- Muted Corridor color palette (#F7F3FF, #AFC670, #9F3D88, #5F1950, #1F152C)
- Aged Ash Archive color palette (#F3F4FF, #FFC5BB, #A089BB, #5F607E, #20202C)
- Weathered Aubergine color palette (#FEF1F6, #E39793, #5B3F8A, #322748, #2A1D23)
- Softworn Station color palette (#F5F4FB, #E1D8DD, #D0BBC1, #A97DAF, #484650)
- Airy Violet color palette (#F3F5FB, #C7B9F9, #CB7362, #8868D6, #2F1D2B)
Browse the whole catalog at Explore, or see today's palette.