Fern Canyon color palette — #F4F7EC · #9FE7CA · #6FBCB2 · #A08895 · #334B06

A conversation between Deep Olive and Mint, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint (#9FE7CA): A whisper-light, balanced teal — the color of sea glass.
• Mint Leaf (#6FBCB2): A luminous, dusty teal — the color of sea glass.
• Heather (#A08895): A luminous, dusty pink — the color of a candy shop window.
• Deep Olive (#334B06): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Fern Canyon 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

• Basalt Ridge color palette (#FAF5E8, #D0DCAA, #96B789, #7A988D, #4D4300)
• Teal Terrace color palette (#F4F7E8, #8ADEB9, #4BB4A4, #9F7972, #343730)
• Muted Teal Courtyard color palette (#E8FAF5, #BBE3F4, #70ABA1, #7A7092, #1A3F3F)
• Faded Canyon color palette (#FFF2EF, #FFB4C1, #51D5CC, #D28593, #054D49)
• Aged Powder color palette (#F9F4ED, #D9DFF6, #9BBFF7, #65A3B5, #593D52)
• Hushed Cocoa color palette (#FFF2EE, #EBE6A6, #E1D7CE, #CE9F9C, #773B1B)
• Mustard Lagoon color palette (#FCE9C6, #CAC813, #7FA63A, #8D69A9, #313000)
• Mint Corridor color palette (#FFF2EE, #FF9EA6, #8FC76F, #7CA8E0, #4A312A)

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