Quiet Emerald Harbor color palette — #E2FCF6 · #659043 · #007F92 · #16558C · #1D3933

Built around Olive Leaf, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#E2FCF6): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#659043): A luminous, balanced green — the color of fresh herbs.
• Teal (#007F92): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#16558C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#1D3933): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Faded Olive color palette (#DFFDF7, #378C00, #00728B, #004696, #193310)
• Hushed Bronze color palette (#EAFAEE, #A17B00, #008468, #005E67, #25382A)
• Aged Cobalt Delta color palette (#E1FBFF, #0D9682, #4F6FB2, #564784, #1F373B)
• Dusty Olive Delta color palette (#EAE8B9, #726A00, #00675F, #004454, #232000)
• Quiet Navy color palette (#C2E7E6, #007547, #005983, #282582, #002020)
• Antique Market color palette (#FFECF2, #BD7200, #3F7AAC, #29567B, #26131B)
• Tempered Loft color palette (#DBF3FF, #007E93, #6E46AD, #682465, #062B39)
• Soft Bronze color palette (#FFF1F7, #BF6713, #4F803D, #703F65, #412B35)

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