Airy Fern color palette — #F8DCE4 · #9C9A3A · #156E0E · #583500 · #181700

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

The five colors

• Shell Pink (#F8DCE4): A whisper-light, dusty rose — the color of strawberry cream.
• Moss (#9C9A3A): A luminous, balanced green — the color of fresh herbs.
• Olive (#156E0E): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#583500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#181700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Timeworn Bloom color palette (#DFF1E3, #9B962B, #4B6500, #553F00, #323000)
• Hushed Moss Dune color palette (#D0EDDD, #6AA75D, #006B57, #463F00, #031C00)
• Antique Moss color palette (#E6E9DA, #5B9900, #00764C, #00433D, #001E21)
• Fern Garden color palette (#FFE3F1, #8F752F, #3B4B00, #00322C, #0C0700)
• Olive Courtyard color palette (#FAE8D4, #B7B028, #278F0A, #804E00, #322F00)
• Dusty Cypress Hollow color palette (#E3F7F1, #74ABAC, #007375, #3E4D20, #002122)
• Feathered Villa color palette (#D3EBE2, #45AC74, #006966, #681A4C, #001C0D)
• Olive Quarry color palette (#FDEDF3, #9CBCA9, #60804A, #2B5D6A, #132E20)

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