Fern Field color palette — #FCE8F0 · #A76A55 · #555B00 · #112D4D · #000F25

A conversation between Olive and Mocha, giving this palette its sense of nature and growth.

The five colors

• Blush (#FCE8F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#A76A55): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#555B00): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#112D4D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000F25): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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 Bronze color palette (#FAE6E7, #945E00, #2D4B23, #122142, #00052F)
• Worn Harbor color palette (#F3E0FE, #BA5E6D, #654B19, #003A46, #001B0D)
• Washed Bronze Corridor color palette (#FAEADF, #A67C3E, #615205, #004328, #002A30)
• Antique Onyx color palette (#F7DDD9, #8A7238, #376244, #45253B, #0E0A37)
• Apricot Atelier color palette (#FEDCD7, #D49B71, #7B6A3B, #055058, #002035)
• Rust Balcony color palette (#F2D8D7, #AD4B00, #5B3A00, #322600, #070B00)
• Weathered Ultramarine Market color palette (#F4DEC4, #935E00, #134EBB, #4D2F00, #000521)
• Washed Amber color palette (#FFEAE6, #CD8A12, #3A824D, #3F3E66, #1D134B)

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