Tempered Harbor color palette — #FFECF3 · #D27700 · #307300 · #412C7A · #241B00

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#D27700): A luminous, balanced gold — the color of honey in a jar.
• Olive (#307300): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#412C7A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Airy Forest color palette (#FAE1F0, #AB8231, #006D42, #4D235E, #191900)
• Ember Lagoon color palette (#DBFDD9, #DA6D49, #616800, #322F83, #2B1700)
• Amber Pier color palette (#E0FFE6, #B08407, #506B00, #004388, #3E3600)
• Dusty Cypress color palette (#FFEAFC, #A2A05F, #007C70, #603459, #002A24)
• Quiet Grape Hollow color palette (#FFF2EA, #EB8C59, #739214, #721BAC, #493000)
• Tempered Courtyard color palette (#FFEBF8, #E24304, #00686E, #630059, #2E0029)
• Mustard Garden color palette (#FFF4DE, #EFB505, #739425, #1057A4, #2E2800)
• Aged Balcony color palette (#FAD9FC, #D0A88A, #738750, #7E405D, #501B24)

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