Tempered Harbor color palette — #FDF2F3 · #E3D8D2 · #CDBEB1 · #A97FA5 · #514445

Dusty Rose and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FDF2F3): bright and airy, almost weightless.
• Bone (#E3D8D2): a clean, paper-quiet neutral.
• Stone (#CDBEB1): A luminous, dusty gold — the color of old brass.
• Dusty Rose (#A97FA5): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#514445): quiet, heavy and certain.

Feels like: Creativity, 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

• Ancient Summit color palette (#FBF3EE, #DEDBC8, #BFC1AC, #A4735B, #413933)
• Patina Olive color palette (#FFF1F1, #E6B9AB, #B5937B, #6E8747, #3F5643)
• Mulberry Corridor color palette (#F2E5E5, #C6AEAA, #B38B7D, #7B3565, #200E0F)
• Hushed Balcony color palette (#FFF1F0, #F8D5CC, #DFB39E, #B74B81, #452B29)
• Worn Basalt color palette (#FAF4E9, #C5C998, #809967, #866871, #4F4100)
• Ancient Harbor color palette (#FFF4E2, #E094CC, #B86E72, #4B6D4E, #503533)
• Mallow Veranda color palette (#FFF1F1, #FAD7FF, #FFA8C9, #E8917E, #593630)
• Wandering Grove color palette (#F1E9E3, #CEC2B2, #B2A381, #904C00, #271D14)

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