Fern Bloom color palette — #F8F2FF · #AA6386 · #436813 · #004D51 · #252B3E

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

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Mocha (#AA6386): A full-bodied, balanced rose — the color of a warm blush.
• Olive (#436813): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004D51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#252B3E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Chestnut Pier color palette (#FCF1FC, #BC6F76, #746200, #005549, #22375F)
• Cypress Balcony color palette (#FAF2FA, #AE7676, #27744F, #00587D, #343041)
• Tempered Pier color palette (#F2F4FF, #8064AA, #774F00, #004E28, #122B3D)
• Patina Loft color palette (#F3F0FB, #A05B9D, #6D5D00, #194178, #130D1F)
• Chalky Plum Dune color palette (#F9E6FF, #BA0055, #045610, #003440, #27023B)
• Hushed Rust Ridge color palette (#FFF0F9, #C03F0F, #006258, #00356C, #350E2A)
• Pewter Boulevard color palette (#F7F3F9, #E0D7DA, #CDBABB, #9C5F72, #4C454E)
• Pale Wisteria color palette (#FFF1F3, #D288DA, #757C00, #315E99, #382529)

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