Tempered Harbor color palette — #EEDEE9 · #6C81F3 · #A77400 · #4044E2 · #180D00
Built around Iris, softened by Periwinkle — the whole palette hums with optimism and creativity.
The five colors
- Rose Water (#EEDEE9): A whisper-light, dusty pink — the color of neon signs at night.
- Periwinkle (#6C81F3): A luminous, vivid violet — the color of wild irises.
- Ochre (#A77400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Iris (#4044E2): A full-bodied, vivid violet — the color of wild irises.
- Ink (#180D00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: 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
- Linen Lapis Summit color palette (#F5DCEC, #8C93FF, #868603, #4400D9, #111100)
- Nightshade Grove color palette (#E1EBF9, #3D69EF, #806100, #122AB4, #160E00)
- Muted Periwinkle Grove color palette (#D1E6E0, #39A6FF, #B36F02, #00538C, #1A0C00)
- Faded Sapphire color palette (#DFE9FD, #366FFF, #827600, #426924, #000128)
- Frosted Grape color palette (#F9D4E1, #965FCB, #747700, #7400B6, #060600)
- Linen Drift color palette (#DDE3FF, #A1AEFF, #CBB220, #6269F3, #362E00)
- Tempered Sapphire color palette (#F2E6CD, #00AF84, #0E68E4, #092755, #050005)
- Wandering Scarlet color palette (#D3E5DB, #009CC3, #DB402B, #006D89, #260100)
Browse the whole catalog at Explore, or see today's palette.