Fern Field color palette — #E4F7ED · #ABA66E · #7D87CD · #6F6700 · #1F224B
A conversation between Olive and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#ABA66E): A luminous, dusty green — the color of a quiet forest floor.
- Lavender Blue (#7D87CD): A luminous, balanced violet — the color of wild irises.
- Olive (#6F6700): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#1F224B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Aged Iris Drift color palette (#E9FAF0, #ACA157, #777CE4, #736600, #354160)
- Olive Garden color palette (#E0F8F3, #8BB178, #A576C6, #3A7600, #341845)
- Terracotta Field color palette (#FFEBF6, #D49173, #4395CD, #A34300, #002A43)
- Olive Coast color palette (#FBF5E2, #BABE64, #84A0F6, #848700, #54374F)
- Mulberry Station color palette (#DCFAEC, #939335, #7B70CA, #864A97, #002518)
- Washed Cocoa Villa color palette (#E5F7EC, #86B7AA, #817540, #6F3E00, #002928)
- Gentle Ridge color palette (#FBF5E5, #DFD69A, #B0B3FC, #9B8B00, #33325D)
- Patina Terrace color palette (#DDF8FA, #34C297, #A249AE, #006C51, #38003F)
Browse the whole catalog at Explore, or see today's palette.