Quiet Harbor color palette — #DCFEF6 · #74C833 · #00A4B2 · #B53E8E · #122704

Lime and Magenta Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DCFEF6): A whisper-light, dusty teal — the color of shallow lagoons.
• Lime (#74C833): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#00A4B2): A luminous, balanced blue — the color of open sky before noon.
• Magenta Rose (#B53E8E): A full-bodied, vivid pink — the color of neon signs at night.
• Deep Forest (#122704): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, vibrant.

Use it as a design system

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

• Worn Plum color palette (#DFFBFF, #09C4A3, #00ADB5, #B6438A, #012908)
• Frosted Lime color palette (#FFF1F1, #B2CF4E, #00B3B6, #AA5A93, #08411B)
• Byzantium Archive color palette (#E0FDEF, #B2AF00, #00A98C, #944DC6, #012E1F)
• Hushed Clover color palette (#DCFDFA, #26D263, #23BB67, #794DC0, #2C2400)
• Airy Summit color palette (#E7F9FF, #00C2CC, #1CA9E8, #B33941, #002D25)
• Quiet Workshop color palette (#FBF6D9, #92A921, #1F61D5, #8B207C, #331700)
• Wandering Brick color palette (#E2FEE7, #F1B923, #32A0FB, #B73115, #5D0D00)
• Lime Boulevard color palette (#DCFDF8, #68CE5C, #51A746, #0076C9, #3E1805)

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