Fern Field color palette — #F6F6EC · #A1B78B · #3572AD · #476D00 · #2D1D30

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

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Sage (#A1B78B): A luminous, dusty green — the color of new leaves after rain.
• Slate (#3572AD): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#476D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2D1D30): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Dusty Harbor color palette (#F4F6F0, #B8C7A1, #7575B6, #008159, #392832)
• Softworn Fern color palette (#F9F5EB, #BAB16D, #00807C, #6C6100, #192918)
• Pine Thicket color palette (#EAF4F4, #81C59C, #00858B, #007848, #021116)
• Grape Pier color palette (#F0F8EE, #32B8AC, #7E3EB7, #00645C, #251237)
• Emerald Harbor color palette (#F4F6EE, #93D6AD, #00A3A7, #06995C, #1C271D)
• Wandering Garnet Bloom color palette (#FFF2EC, #67A884, #16768A, #7F3032, #304328)
• Navy Harbor color palette (#EFF3C8, #7CC1A5, #008A87, #005E6F, #004372)
• Wandering Pine Bloom color palette (#F4F6F0, #D3DEDA, #B3C4C2, #308662, #464940)

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