Tempered Harbor color palette — #DCF4FF · #838BD8 · #9C5B81 · #525149 · #1D2500

Lavender Blue and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DCF4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#838BD8): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#9C5B81): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal Brown (#525149): a grounded near-black with real depth.
• Onyx (#1D2500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Weathered Boulevard color palette (#CEECFB, #9788C7, #AD5B6E, #00664E, #00251A)
• Violet Villa color palette (#CBF3ED, #5B93D6, #9260A6, #55601B, #1B2000)
• Weathered Iris Dune color palette (#DCEBFF, #877DC7, #715177, #573D00, #1F2000)
• Timeworn Balcony color palette (#E6E7F7, #907FBD, #7C5287, #562124, #140200)
• Softworn Terrace color palette (#E1F2FC, #BAADFF, #C8839B, #658554, #29401C)
• Aubergine Dune color palette (#D4F7FF, #496990, #51296A, #202400, #00100A)
• Dusty Blush color palette (#EAE2FA, #DE7D9A, #A27F4E, #4D674A, #003532)
• Faded Cornflower Grove color palette (#FEECDA, #79B7E7, #6179E2, #006D6D, #1A0731)

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