Pale Emerald color palette — #F5F7E3 · #8FCA7F · #31B1EE · #50933D · #154861

Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8FCA7F): A luminous, balanced green — the color of a quiet forest floor.
• Cyan (#31B1EE): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#50933D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#154861): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Iris Canyon color palette (#F0F8EC, #5ECEB6, #879CFF, #00957F, #384063)
• Feathered Station color palette (#F3F8E2, #6CB97A, #00AAC6, #A97E1E, #373932)
• Dusty Workshop color palette (#F3F8E3, #80CC8E, #E28C59, #429455, #47413C)
• Pale Moss Alley color palette (#F6F7E3, #B8E49F, #CEA8EE, #699A4B, #422F50)
• Soft Olive Delta color palette (#CEE7D8, #0095B3, #6B7F00, #005C70, #171E00)
• Powdered Wisteria color palette (#DEF6E4, #00BCD4, #B76EEB, #008090, #422756)
• Dusty Emerald color palette (#F4F9D7, #A3D8A6, #44A556, #296D38, #153719)
• Ancient Station color palette (#F6F7E4, #7CB24F, #A073BF, #4D722C, #5C3442)

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