Fern Field color palette — #DDEDF4 · #7B9ABA · #685A86 · #504909 · #0A433D

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

The five colors

• Frost (#DDEDF4): bright and airy, almost weightless.
• Blue Fog (#7B9ABA): A luminous, dusty blue — the color of open sky before noon.
• Graphite (#685A86): A full-bodied, dusty violet — the color of wild irises.
• Deep Olive (#504909): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#0A433D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Washed Denim color palette (#C5E7F5, #6287AF, #6A4D8B, #3C3D00, #00371D)
• Softworn Chestnut Veranda color palette (#C7EEFA, #8FA5B8, #6F7596, #61592B, #2F4D2F)
• Weathered Pewter color palette (#D6E7F9, #9F8DBC, #8B536F, #165034, #003D38)
• Hushed Cypress Parlor color palette (#EFF6FF, #BCBED0, #9586A1, #4E7979, #33515B)
• Petrol Loft color palette (#F5EBF1, #84BAD1, #006CB3, #00504C, #1E2A54)
• Dusty Forest color palette (#ECF2FF, #A4A0C8, #A27079, #1A684E, #00546D)
• Hushed Aubergine Balcony color palette (#D5EBF5, #636D9B, #5C3066, #223200, #00211D)
• Sunlit Boulevard color palette (#D9E2F7, #A499CB, #966AAE, #884649, #532618)

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