Tempered Harbor color palette — #FAF2FC · #D69EA7 · #4FAB9E · #B04C63 · #2A545C

A conversation between Brick and Turquoise, giving this palette its sense of balance.

The five colors

• Ivory (#FAF2FC): a clean, paper-quiet neutral.
• Rosewood Mist (#D69EA7): A luminous, dusty red — the color of late-summer berries.
• Turquoise (#4FAB9E): A luminous, balanced teal — the color of shallow lagoons.
• Brick (#B04C63): A full-bodied, balanced red — the color of late-summer berries.
• Peacock (#2A545C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Balance. 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

• Teal Balcony color palette (#FEEEEA, #DDA0AC, #38B29F, #9D5B6A, #25371D)
• Muted Coral Studio color palette (#F9F2FB, #F6ACBB, #51C7BC, #C56E82, #2D545C)
• Softworn Bronze color palette (#FDF1F7, #D3A48B, #61A0CC, #B05518, #28526D)
• Ancient Violet color palette (#F4F4FF, #BCA5CF, #78A67E, #8A59AD, #205753)
• Chestnut Lagoon color palette (#F0F8EF, #A6BFB1, #6B8A6A, #804F3F, #334E48)
• Worn Study color palette (#FBF1FF, #BF8495, #199BA9, #37789F, #4B3C51)
• Amber Basin color palette (#FFF0F8, #D27944, #009286, #924100, #00453E)
• Cocoa Pier color palette (#FDE7F5, #C2775E, #2287C7, #8B2A00, #00395A)

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