Fern Field color palette — #D0E8D6 · #685900 · #372A00 · #190E00 · #040400

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

The five colors

• Celadon Mist (#D0E8D6): A whisper-light, dusty teal — the color of sea glass.
• Olive (#685900): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#372A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#190E00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, 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

• Eclipse Chestnut color palette (#FDE4F0, #814A10, #471E00, #230700, #070200)
• Antique Bronze Atelier color palette (#F8EBD4, #948100, #755C00, #533A00, #040400)
• Velvet Thicket color palette (#DEEEEE, #006D45, #103442, #002414, #000202)
• Aubergine Field color palette (#DBF0DB, #4D3100, #460051, #290014, #030100)
• Ancient Pine color palette (#E1EEFF, #008588, #04791C, #010F0B, #000202)
• Hazy Terracotta color palette (#FFE5F4, #AD7A5C, #8A3914, #641709, #391B00)
• Weathered Cocoa color palette (#F5E2EB, #B18A99, #8A5431, #6D2F13, #442530)
• Muted Cocoa Bloom color palette (#EEF9EE, #93B098, #8C6C3D, #6E481F, #2C4334)

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