Fern Bloom color palette — #FFF2EE · #A1AF7C · #3B8485 · #744A61 · #444E00

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sage (#A1AF7C): A luminous, dusty green — the color of new leaves after rain.
• Teal (#3B8485): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#744A61): A full-bodied, dusty rose — the color of a warm blush.
• Deep Olive (#444E00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Cocoa Workshop color palette (#FFF2E9, #C6A076, #5E825F, #61507B, #5B4400)
• Softworn Teal color palette (#FFF2EB, #76B79D, #567C99, #7C4A3D, #3C4D3C)
• Weathered Lantern color palette (#FFF4E2, #A8C8A4, #4DA496, #7E628F, #3F4F04)
• Aubergine Orchard color palette (#E8F6EB, #96B592, #33887C, #634277, #0C3332)
• Timeworn Loft color palette (#F9F5EB, #C1C4A4, #77876A, #7D6217, #505100)
• Washed Taupe Villa color palette (#F6F6EC, #82A46B, #7F6391, #72415C, #5D3636)
• Ancient Olive Delta color palette (#FCF3F0, #CFE5DE, #7BA48E, #6C752E, #5E4A61)
• Washed Emerald Harbor color palette (#FFF2EF, #49A253, #006B84, #771F3D, #004033)

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