Emerald Harbor color palette — #F4F0F6 · #ECAFC7 · #5F9349 · #9B5A76 · #0C1916

A conversation between Olive Leaf and Pewter, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F0F6): a clean, paper-quiet neutral.
• Carnation (#ECAFC7): A luminous, dusty rose — the color of pressed rose petals.
• Olive Leaf (#5F9349): A luminous, balanced green — the color of new leaves after rain.
• Pewter (#9B5A76): A full-bodied, balanced rose — the color of pressed rose petals.
• Ink (#0C1916): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Patina Summit color palette (#F7EFF3, #EDB596, #3D966B, #A55B2E, #0A1919)
• Shell Lagoon color palette (#FAF2F9, #FFA4A0, #99782E, #9A5755, #253128)
• Bronze Terrace color palette (#F1F1F8, #D0B8E3, #B07425, #845FA0, #1F1116)
• Taupe Summit color palette (#FCF3F1, #FCBDCE, #9AA266, #B37989, #2F2E27)
• Brick Study color palette (#FAEDFA, #FB7980, #357F00, #AC002F, #000C0A)
• Ancient Olive color palette (#F8EFF6, #C37F7B, #527832, #47497F, #20151E)
• Timeworn Bronze color palette (#E9F6EB, #DC9698, #8E761F, #3E507D, #372630)
• Weathered Amber color palette (#FAECFF, #E5AA9B, #AF7E3D, #5C5400, #173909)

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