Tempered Harbor color palette — #FBF3F4 · #DFD8D5 · #B6B4A7 · #AF8EB4 · #595051

Built around Dusty Rose, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Silver (#DFD8D5): bright and airy, almost weightless.
• Ash (#B6B4A7): a calm mid-gray that lets other colors speak.
• Dusty Rose (#AF8EB4): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#595051): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Hushed Study color palette (#FFF1F5, #E3CACA, #BDA396, #6C8573, #375049)
• Tempered Cypress color palette (#F9F5E7, #C8B4DE, #B7818D, #047F7D, #594044)
• Muted Meadow color palette (#FBF3F1, #DFD8CE, #C4BFA9, #B16677, #433735)
• Ancient Chestnut color palette (#F9F4EE, #DAD1B3, #8BA57A, #907483, #5E4B00)
• Hushed Courtyard color palette (#FBEEED, #C883A1, #834527, #473230, #281F20)
• Washed Terracotta Lagoon color palette (#E5DEDA, #C0B2A2, #A49470, #8F2D00, #210E04)
• Mulberry Bloom color palette (#E8DCDD, #B1A09D, #9D7F70, #76006A, #150406)
• Ancient Ash Balcony color palette (#FAF3F5, #E0D8D5, #B8B3A6, #A492BB, #594F53)

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