Tempered Harbor color palette — #FFF0F9 · #ECE8B0 · #E8D4D3 · #D89B91 · #5F4451

Built around Rosewood Mist, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Celadon Mist (#ECE8B0): A whisper-light, dusty green — the color of new leaves after rain.
• Bone (#E8D4D3): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#D89B91): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#5F4451): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, 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

• Muted Field color palette (#FAF2FF, #E7D5DC, #B6B3A8, #CBA0BC, #594860)
• Tempered Boulevard color palette (#FFF2EC, #D3F9CC, #DFDCCD, #CA889E, #653600)
• Stone Boulevard color palette (#E4FDEB, #BCE7E6, #9FC5DC, #C5AA85, #344F3F)
• Dusty Taupe color palette (#EEF9EE, #ECD1A4, #B28D5E, #536A52, #1A251A)
• Misty Tangerine color palette (#FFF1F5, #FFDBA2, #F1CB24, #EB7915, #4E3000)
• Sunlit Apricot color palette (#FFF0F8, #EC9569, #9291D6, #9B65A0, #38263B)
• Honey Canyon color palette (#FFEEE4, #DDD7C4, #F0C27E, #9F645C, #3A291C)
• Wandering Taupe Grove color palette (#E6FCEE, #AEDDC7, #8CB89F, #6D9378, #27443A)

Browse the whole catalog at Explore, or see today's palette.