Fern Field color palette — #D9F0FF · #007496 · #3E6500 · #003E52 · #030800

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

The five colors

• Frost (#D9F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007496): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#3E6500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003E52): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#030800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Chestnut color palette (#D1F0F6, #007A6F, #705300, #00423B, #090500)
• Aubergine Ridge color palette (#E2F2FD, #00617F, #5725AA, #004A2F, #000204)
• Nightshade Dune color palette (#E4EDFB, #3E64B8, #00694A, #0017A3, #000804)
• Weathered Atelier color palette (#DCF0FB, #00768B, #8400AC, #003F4C, #0D0015)
• Linen Basin color palette (#CFF0E0, #008AB4, #A15E00, #005D7A, #0C0400)
• Eclipse Cocoa Boulevard color palette (#CFEAFF, #00587D, #672900, #002436, #0F0300)
• Indigo Loft color palette (#E3F1FF, #7EA3D7, #6976D8, #004C67, #001024)
• Hushed Basalt Terrace color palette (#DCF4E3, #797037, #544300, #312100, #040400)

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