Fern Harbor color palette — #FAF2FC · #F0A1B3 · #B67A4F · #655E00 · #00351A

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

The five colors

• Ivory (#FAF2FC): a clean, paper-quiet neutral.
• Ballet Pink (#F0A1B3): A luminous, balanced red — the color of a theater curtain.
• Caramel (#B67A4F): A luminous, balanced gold — the color of honey in a jar.
• Olive (#655E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00351A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Softworn Chestnut Ridge color palette (#F7F3FF, #DCA7D0, #BC7271, #824E00, #2C2E00)
• Faded Archive color palette (#FFF0F8, #E7AB8D, #9B8A29, #006F31, #003235)
• Worn Amber Thicket color palette (#FFF1F6, #CB7C2C, #696800, #004426, #001012)
• Coral Studio color palette (#FFF0FB, #FF8670, #A27500, #375E00, #40002E)
• Worn Forest color palette (#EDF6FF, #81C3F4, #9B893E, #006F2A, #003235)
• Driftwood Bloom color palette (#FAF2FF, #F4D0DD, #C6A7BE, #689076, #305346)
• Worn Rust Alley color palette (#FFECF7, #C94D00, #5B4D00, #002E10, #060001)
• Pale Coral Garden color palette (#F0F6FF, #A0BDFF, #EA7B67, #319160, #004049)

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