Emerald Pier color palette — #EEF7F6 · #CBF3BE · #819DD7 · #649A52 · #0A121F

Olive Leaf and Cornflower set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Mint (#CBF3BE): A whisper-light, balanced green — the color of fresh herbs.
• Cornflower (#819DD7): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#649A52): A luminous, balanced green — the color of a quiet forest floor.
• Ink (#0A121F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Amber Bloom color palette (#EFF8F0, #FBE3AE, #3AADD1, #AD8300, #001520)
• Weathered Lagoon Thicket color palette (#EEF7F9, #8EFCEF, #BB89C4, #009F94, #13101E)
• Faded Ridge color palette (#F3F7EE, #AEE4C4, #59BCE2, #00BF7B, #0D2A1E)
• Worn Pine Pier color palette (#EAF4F4, #86C3A1, #0081A3, #00784B, #021019)
• Sky Loft color palette (#EDF6FF, #68B9FA, #5A84C0, #834779, #00221D)
• Muted Thicket color palette (#ECF7FC, #56E6FC, #CD6377, #008595, #0C020E)
• Indigo Hollow color palette (#F6F6EE, #9EB97D, #685CC7, #496C00, #2C2027)
• Azure Alley color palette (#FFF0FB, #8FDFBD, #5399CA, #8D5045, #0E3841)

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