Weathered Harbor color palette — #D2ECE5 · #2374E1 · #6A2A81 · #1E3300 · #0A0829

Royal Blue and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D2ECE5): A whisper-light, dusty teal — the color of sea glass.
• Royal Blue (#2374E1): A full-bodied, vivid blue — the color of open sky before noon.
• Plum (#6A2A81): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Forest (#1E3300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0A0829): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Weathered 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

• Tempered Cornflower color palette (#C5F5ED, #5E7FF6, #7C417C, #134507, #111530)
• Softworn Nightshade Drift color palette (#D1E9D6, #0083AF, #4C3795, #382A00, #000E22)
• Muted Thicket color palette (#DEE3B7, #0082AF, #623087, #0B3F02, #0E2346)
• Misty Lapis color palette (#C8F5EB, #5349D6, #680058, #002610, #090018)
• Sunlit Byzantium Grove color palette (#D2F3E9, #9A47D9, #8A1240, #00352A, #110722)
• Byzantium Parlor color palette (#F0DBBA, #798AE3, #8849A4, #5C4300, #241E3F)
• Sapphire Harbor color palette (#DCE9FF, #314EFA, #7F1F00, #1B2E00, #060E00)
• Ash Alley color palette (#CEE1F9, #9384B9, #8A5469, #19472E, #002928)

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