Fern Boulevard color palette — #FFD8D6 · #9B744F · #535800 · #282A51 · #0B0928

Built around Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD8D6): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#9B744F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Olive (#535800): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#282A51): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0B0928): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Ancient Fern color palette (#F7E8E0, #977437, #4B5400, #002635, #000312)
• Powdered Station color palette (#FFE2D5, #897320, #335C31, #3F164E, #250525)
• Weathered Bronze Dune color palette (#F9EBF7, #A55A55, #724A12, #003145, #00121D)
• Bronze Harbor color palette (#F6DBE7, #B0734E, #6E6C29, #4B416E, #12002E)
• Olive Terrace color palette (#D7E9D9, #7B790A, #295100, #49103D, #060600)
• Weathered Bronze color palette (#F9E3D4, #986300, #574000, #2C2C00, #060E00)
• Ultramarine Studio color palette (#E1F2E8, #7A6800, #3A32DA, #423800, #030022)
• Worn Emerald color palette (#F1E4C5, #6A9046, #007062, #5C1F44, #330021)

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