Fern Grove color palette — #ECF9F0 · #008BA0 · #715F00 · #264E00 · #202C1A

Deep Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Cerulean (#008BA0): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#715F00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#264E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#202C1A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Fern Grove 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 Terrace color palette (#FAF2FA, #5E85B2, #516D30, #005C4C, #22352A)
• Terracotta Alley color palette (#F2F8EA, #228564, #8C380F, #533D00, #2A2811)
• Denim Balcony color palette (#D2F6E8, #006082, #424400, #003417, #00191B)
• Terracotta Villa color palette (#FAEEF5, #706FBC, #994100, #004B2C, #210E1B)
• Muted Alley color palette (#EEF6FF, #66A9FC, #A26200, #146E51, #1C2836)
• Pale Driftwood Thicket color palette (#FFF2EE, #BF6D73, #89561F, #494D00, #00432C)
• Airy Loft color palette (#FFF0FA, #5D55D1, #006139, #004446, #002843)
• Worn Lilac Villa color palette (#F2F5FF, #B9A9FF, #D48295, #3D909D, #1C2A3A)

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