Fern Harbor color palette — #F6F7E5 · #608A47 · #426B27 · #004D6E · #3E271B

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

The five colors

• Cream (#F6F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#608A47): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#426B27): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#004D6E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#3E271B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

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

• Bronze Basin color palette (#FAF5E9, #7E7006, #655900, #00494C, #3B1F1D)
• Worn Olive color palette (#FFF3E6, #C38769, #5E732E, #484874, #413C36)
• Patina Lagoon color palette (#F1F8EC, #009177, #006855, #373678, #372A13)
• Worn Rust Chapel color palette (#FFF2ED, #B95C60, #625800, #00455E, #39221A)
• Antique Fern Dune color palette (#FFF0EE, #D69869, #8D7321, #435B0C, #004930)
• Bronze Balcony color palette (#ECE4D3, #876F00, #32332C, #241E12, #0F0C05)
• Navy Boulevard color palette (#DAEED7, #006E63, #00475D, #1C0772, #220F00)
• Patina Denim color palette (#FEF3EA, #C78E64, #008C8C, #3E52A3, #3A1F1E)

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