Fern Harbor color palette — #CBF8EF · #A27700 · #296E00 · #004157 · #000301

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

The five colors

• Honeydew (#CBF8EF): A whisper-light, dusty teal — the color of glacier melt.
• Ochre (#A27700): A full-bodied, balanced gold — the color of old brass.
• Olive (#296E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004157): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Gentle Workshop color palette (#CCEFF4, #818600, #007964, #003684, #000404)
• Soft Balcony color palette (#DEF2E4, #D93B32, #796500, #004B43, #010300)
• Lowlit Canyon color palette (#E0F3E6, #4C6728, #003422, #1D1500, #030700)
• Washed Pine color palette (#E8E1C8, #377E58, #004458, #3B0814, #1B0400)
• Pale Field color palette (#B9EBF8, #85A800, #00897A, #4339AB, #00151B)
• Garnet Alley color palette (#CBE7ED, #005E58, #780028, #002724, #130002)
• Gentle Mustard Pier color palette (#DAF8FB, #C5B025, #00A279, #006A9C, #002825)
• Gentle Orchard color palette (#E3E9D2, #D39600, #3BAD00, #0083A6, #000302)

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