Emerald Market color palette — #FCF2F9 · #C0E7F9 · #71BAED · #23A377 · #293765

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Powder Blue (#C0E7F9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#71BAED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#23A377): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#293765): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Emerald Market 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 Ridge color palette (#FAF3F6, #D7DEF5, #A4BDF1, #00AFA6, #404563)
• Feathered Periwinkle color palette (#F7EBEF, #B5D8F5, #819FFB, #00918F, #342155)
• Sky Orchard color palette (#F1F7F2, #D8E0EC, #00B6E9, #008078, #0B314A)
• Emerald Station color palette (#DAF5F4, #8BD1A7, #F198DF, #00A062, #521D49)
• Magenta Quarry color palette (#CAEBF6, #43C3C9, #B88BF3, #D364C8, #00313D)
• Softworn Mustard Courtyard color palette (#E3FBFA, #C7DFF5, #BFBEEE, #B4B153, #1C4247)
• Cobalt Alley color palette (#F8ECF4, #69ACBF, #0078C6, #005F4B, #05002C)
• Worn Cerulean Hollow color palette (#F9F0EB, #94D3E0, #4383AD, #0C5E42, #2F162B)

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