Tempered Harbor color palette — #FFF2F0 · #EC91B5 · #A2AC5F · #6999B6 · #503D3B
Built around Ballet Pink, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Ballet Pink (#EC91B5): A luminous, balanced rose — the color of strawberry cream.
- Sage (#A2AC5F): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#6999B6): A luminous, dusty blue — the color of deep harbor water.
- Charcoal (#503D3B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Dusty Balcony color palette (#FFF1F5, #C39FE6, #C99A69, #659F98, #503C43)
- Softworn Veranda color palette (#FFF2EA, #F7946A, #62B992, #AC849C, #48413C)
- Tempered Courtyard color palette (#FFF2EB, #E3937C, #64AAA1, #557FA1, #632B00)
- Hushed Blush color palette (#FFF2F0, #C87F96, #60977E, #26877E, #543B37)
- Timeworn Turquoise Alley color palette (#FAF1FF, #EDB5C8, #81D0B5, #57B3C6, #4B3C53)
- Dusty Taupe color palette (#FFF2F0, #E1D9D0, #ACB9C6, #C39CA1, #5F4A46)
- Muted Bronze Parlor color palette (#FFF3E8, #E5C49F, #B49479, #A1633E, #5F4200)
- Muted Coral color palette (#FFE4E4, #FF586D, #58A630, #2E7BE1, #4B2225)
Browse the whole catalog at Explore, or see today's palette.