Fern Pier color palette — #EDF8F0 · #63BFCA · #9D8231 · #446300 · #101C09

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

The five colors

• Ivory (#EDF8F0): bright and airy, almost weightless.
• Cyan (#63BFCA): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#9D8231): A luminous, balanced green — the color of fresh herbs.
• Olive (#446300): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#101C09): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Worn Bronze Delta color palette (#F2F7EE, #59B499, #B7652F, #6F5B00, #171800)
• Cypress Pier color palette (#EAF9F4, #94C8F4, #819553, #097759, #13281B)
• Hushed Azure color palette (#DBFFEC, #009FCE, #6D6700, #005014, #000606)
• Ember Bloom color palette (#EBF9F3, #74D0FF, #DA6A2F, #369775, #143025)
• Feathered Villa color palette (#FFF1F1, #ED9ECB, #C46F5F, #7A5300, #243000)
• Emerald Studio color palette (#FFF0FD, #6092FF, #009732, #005A51, #00101A)
• Timeworn Loft color palette (#FFF0F9, #8881DA, #007D53, #004C53, #150318)
• Softworn Cobalt color palette (#EBF2FF, #4871CA, #635A00, #3E4000, #001416)

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