Fern Field color palette — #DEF3FF · #0074A0 · #4A6600 · #304300 · #000D16

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

The five colors

• Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#4A6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#304300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000D16): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Pale Sapphire color palette (#E1EFFF, #006BC5, #814D00, #563200, #000B1D)
• Amethyst Lantern color palette (#EBD9E0, #8525E7, #006D3C, #004826, #110026)
• Powdered Terrace color palette (#FFE5F9, #3E48FE, #006E36, #004822, #040032)
• Weathered Peony Courtyard color palette (#FFEDEC, #BD6493, #3B8663, #006240, #291212)
• Gentle Plum color palette (#FEE1E2, #A75093, #52701F, #344D00, #220409)
• Muted Ultramarine color palette (#D9E4FF, #3655DF, #814900, #3A4200, #0F1B45)
• Tempered Violet color palette (#FFECF3, #8E5BD5, #5F7600, #405100, #1A092F)
• Softworn Delta color palette (#F1D7EF, #0664F2, #6C4100, #00342F, #001210)

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