Tempered Harbor color palette — #F7F3FF · #FFD1D6 · #7FE1C9 · #C083AD · #204E53
Lagoon and Dusty Rose set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F7F3FF): a clean, paper-quiet neutral.
- Shell Pink (#FFD1D6): A whisper-light, dusty red — the color of a theater curtain.
- Lagoon (#7FE1C9): A whisper-light, balanced teal — the color of sea glass.
- Dusty Rose (#C083AD): A luminous, balanced pink — the color of a candy shop window.
- Charcoal (#204E53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged light, 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
- Worn Sunflower color palette (#F5F3FF, #FFD1E4, #CDD378, #B883C2, #2B4F41)
- Worn Archive color palette (#FCF1FA, #F2D6C4, #7ED9FF, #D37F78, #2E4A5B)
- Tempered Study color palette (#FFF1F2, #FFBDEA, #92CEFF, #CF92BC, #36544B)
- Stone Boulevard color palette (#F8F3FE, #ECD6DD, #B2BFB6, #C1A9C8, #564B5C)
- Stone Field color palette (#FFF0F8, #CBF1E5, #D6A183, #8E6E89, #324439)
- Weathered Blush color palette (#FAF2FF, #E9D9D8, #E794B2, #98586E, #382641)
- Wandering Atelier color palette (#FFF1F1, #D29EBB, #68A988, #965E7F, #4B4E47)
- Timeworn Garden color palette (#F7F3FF, #F8B1E5, #7BD191, #62B1B7, #3C3447)
Browse the whole catalog at Explore, or see today's palette.