Emerald Harbor color palette — #FFF2EE · #FF9DA3 · #00A16F · #0084C1 · #311536
Built around Kelly Green, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Rose Quartz (#FF9DA3): A luminous, balanced red — the color of a theater curtain.
- Kelly Green (#00A16F): A luminous, balanced teal — the color of sea glass.
- Cerulean (#0084C1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#311536): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Muted Moss color palette (#FFF2EF, #FF83A2, #3CB233, #008EA3, #271A3C)
- Airy Studio color palette (#FFF2EB, #FF8E72, #00B19F, #067AF2, #3A102F)
- Hushed Boulevard color palette (#FFF2EA, #FF9962, #5DB042, #0080A9, #4F015C)
- Coral Balcony color palette (#FFE8DD, #E96855, #009C7D, #006BA9, #270624)
- Tempered Cobalt Atelier color palette (#FEF3E9, #DCA26E, #00AEBE, #7379C7, #40211C)
- Faded Amber Coast color palette (#FFF4E2, #FFA787, #CA9200, #008A9C, #542800)
- Patina Canyon color palette (#FFF3E5, #EF9D07, #00A4B1, #6B5AFB, #3C0B1B)
- Powdered Alley color palette (#FFF1F2, #ED77DB, #999D00, #00877B, #131B43)
Browse the whole catalog at Explore, or see today's palette.