Tempered Harbor color palette — #FCF1FB · #F8ADAF · #43C8C3 · #C07376 · #31535B

Aqua and Dusty Rose set the tone — five colors that lean into balance.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Rose Quartz (#F8ADAF): A luminous, balanced red — the color of embers at dusk.
• Aqua (#43C8C3): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#C07376): A luminous, balanced red — the color of embers at dusk.
• Peacock (#31535B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Harbor color palette (#FFF0F8, #F4B490, #69BCEB, #BA7B58, #365064)
• Wandering Mint Bloom color palette (#F6F3FF, #E0B4DB, #8AC287, #AC78A6, #305550)
• Blush Villa color palette (#FCF1FC, #E7969B, #4FA9AE, #996064, #32535D)
• Worn Boulevard color palette (#FFF2ED, #FFC3C1, #85D8D2, #D99390, #3D543A)
• Weathered Jade Station color palette (#FFF0FD, #EC9790, #76B778, #7691CD, #4D3C4B)
• Quiet Rust color palette (#FFF0F9, #FF885D, #00ADCC, #C94500, #00424F)
• Coral Loft color palette (#FFF2EE, #F4D4C7, #BDC8FF, #CA838B, #563D4F)
• Aged Taupe Basin color palette (#ECF9EE, #B1D4C1, #B19862, #8B6A75, #394D45)

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