Emerald Alley color palette — #F8F3F9 · #D2D5E6 · #69CAE8 · #57925A · #2B4158
A conversation between Fern and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#69CAE8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#57925A): A luminous, balanced green — the color of a quiet forest floor.
- Navy (#2B4158): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Emerald Alley 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
- Hushed Canyon color palette (#FCF2F6, #D8D4DE, #A1B8FB, #009593, #3A3D55)
- Dusty Lantern color palette (#FCF1F9, #D4D4E2, #49B1EB, #1E8259, #1F2D4E)
- Aged Teal color palette (#F9F4ED, #BEEEDF, #83CBD5, #64A88E, #305040)
- Tempered Cypress Boulevard color palette (#EBF4F2, #B9E5F0, #549B9E, #006E5E, #033140)
- Airy Terrace color palette (#F2F4FF, #BFACFE, #38C68F, #48A58E, #26293E)
- Taupe Delta color palette (#EBF9F1, #B9E8DC, #A9A05D, #875C6C, #163838)
- Petrol Workshop color palette (#F5EAF3, #75C6CB, #007195, #00411F, #00020C)
- Ultramarine Hollow color palette (#EEDFE5, #61ACD4, #1449B8, #002C28, #010008)
Browse the whole catalog at Explore, or see today's palette.