Tempered Harbor color palette — #FFEEE5 · #C33102 · #3045B0 · #560779 · #230402

Brick and Indigo set the tone — five colors that lean into creativity and balance.

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#C33102): A full-bodied, vivid orange — the color of sun-warmed clay.
• Indigo (#3045B0): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#560779): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#230402): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Balance. Tagged jewel, vibrant.

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 Plum color palette (#FFEDE9, #C33E5F, #005697, #421B81, #1D0017)
• Aubergine Loft color palette (#EEDED1, #974B00, #522198, #430036, #0C0200)
• Feathered Indigo color palette (#FFF0FA, #DE582E, #5F59F4, #7B1195, #3C101B)
• Aubergine Station color palette (#FDF0DC, #8B6900, #6F2A76, #620929, #140600)
• Aubergine Basin color palette (#EAF7DD, #008965, #005B8B, #362080, #220208)
• Dusty Clover color palette (#F4F9D8, #36B647, #008B9D, #583F9E, #240E00)
• Dusty Aubergine Terrace color palette (#E0FCF5, #588300, #005C6E, #6A005B, #2E2600)
• Worn Driftwood Loft color palette (#F3F2E7, #7C9561, #8B535D, #6D412B, #231B0A)

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