Fern Workshop color palette — #D5F1F5 · #007783 · #5E5B00 · #004047 · #070600

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

The five colors

• Frost (#D5F1F5): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007783): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#5E5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004047): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#070600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Sunlit Fern Harbor color palette (#D8E7F1, #0070A4, #1D6A00, #003C5B, #010800)
• Pale Pine color palette (#C9F3F1, #007E45, #844600, #004423, #0D0400)
• Misty Nightshade color palette (#DCF4FD, #006278, #4D21B8, #004A25, #000203)
• Powdered Ultramarine Dune color palette (#DAECEE, #007B69, #3F43BE, #004238, #030022)
• Quiet Terracotta Garden color palette (#CBE6F1, #007985, #A10311, #003238, #050000)
• Worn Cerulean color palette (#DCF5FF, #0089A8, #004E63, #001D26, #000203)
• Hushed Garnet Harbor color palette (#D5F3FF, #005C66, #7A010C, #00262A, #140000)
• Scarlet Lantern color palette (#CFE6D4, #008E9D, #D21313, #00606A, #140000)

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