Tempered Harbor color palette — #FCF0FF · #FC7195 · #B28D00 · #5F7000 · #360616

Rose takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FCF0FF): A whisper-light, dusty pink — the color of neon signs at night.
• Rose (#FC7195): A luminous, vivid red — the color of a theater curtain.
• Mustard (#B28D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5F7000): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#360616): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Washed Ridge color palette (#FFF0F9, #F78E62, #957C00, #00631B, #002729)
• Hushed Hollow color palette (#E1FBFF, #00C0AC, #CF7B00, #746800, #00211D)
• Raspberry Grove color palette (#FFF0F7, #FF97D5, #D64F75, #755000, #470D2C)
• Faded Pine Station color palette (#EBF7FF, #00B6E9, #989800, #037D1E, #001F2A)
• Powder Archive color palette (#EFF6FF, #8EB2F8, #70AF7C, #008575, #192537)
• Ancient Violet color palette (#FFECF5, #804FFF, #756E00, #514B00, #230919)
• Mustard Atelier color palette (#EEF6FF, #77B6FF, #B7A900, #009E93, #172D44)
• Wandering Coast color palette (#F2F5FF, #C4BBED, #7CBDAF, #31909F, #2E3140)

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