Tempered Harbor color palette — #F0F5FF · #DAC18E · #5D6DAD · #334260 · #1C222D

Slate and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sand (#DAC18E): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5D6DAD): A full-bodied, balanced violet — the color of wild irises.
• Navy (#334260): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1C222D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Patina Petrol color palette (#FEF1FA, #F5D3C7, #6873A3, #492E42, #170A14)
• Washed Mustard Studio color palette (#EFF6FF, #BBB15F, #355084, #1F2E45, #1B1A23)
• Ash Harbor color palette (#FDF1FA, #E2D6A4, #8493C1, #785671, #2B1C28)
• Gentle Plum Workshop color palette (#F6F3FF, #E0B44E, #9A3B9B, #542555, #1C162B)
• Wandering Workshop color palette (#F4F4FB, #E1D8E1, #CBBCC6, #9B84B2, #464750)
• Sunlit Indigo color palette (#F2F5FD, #BEBCFF, #CD6C84, #7B73C9, #29202B)
• Bronze Courtyard color palette (#F2F5FF, #9283D5, #AA6A00, #26703F, #152937)
• Frosted Grape color palette (#DFE3F7, #D6A200, #682AC7, #360E6F, #0A0C24)

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