Tempered Harbor color palette — #FFF2F0 · #D198AB · #90A56A · #33869C · #4D3734
A conversation between Cerulean and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Mauve (#D198AB): A luminous, dusty rose — the color of strawberry cream.
- Moss (#90A56A): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#33869C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#4D3734): A deep, shadowed, dusty orange — the color of toasted spice.
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
- Petrol Alley color palette (#FDF3EE, #D29583, #878843, #00758F, #472F2D)
- Antique Cobalt Alley color palette (#FDF3EB, #D39D7C, #5EAD98, #577BB2, #423C37)
- Weathered Mallow color palette (#F9F2FF, #FBA4CF, #72BFB2, #548F85, #352E3B)
- Softworn Archive color palette (#FFF2EF, #FFA3BC, #D0B279, #8F96C4, #493836)
- Ultramarine Harbor color palette (#FFEADB, #C47B4E, #009677, #0260B3, #37210E)
- Wandering Taupe Archive color palette (#FBF3F1, #DDDAD3, #AEB7AA, #C88789, #5C4F4B)
- Worn Emerald color palette (#FFF2EA, #EA6B00, #1FA12A, #007094, #44200B)
- Aged Study color palette (#FBF3F2, #F6BFD8, #B79753, #C56998, #312D27)
Browse the whole catalog at Explore, or see today's palette.