Soft Pine color palette — #FBF2F5 · #DBA162 · #008452 · #875100 · #122828

A conversation between Fern and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Camel (#DBA162): A luminous, balanced gold — the color of old brass.
• Fern (#008452): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#875100): A full-bodied, balanced gold — the color of old brass.
• Onyx (#122828): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Soft Pine 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

• Muted Chestnut color palette (#EFF7F2, #C0AE6B, #007E87, #715E00, #0F2830)
• Wandering Olive color palette (#F6F1E8, #C9B265, #528530, #776319, #0F0F03)
• Mulberry Workshop color palette (#FAF2FA, #E1979B, #3E821E, #A23142, #0F2925)
• Pale Bronze Meadow color palette (#EEF8F0, #E2C06C, #869948, #9E7B0D, #162823)
• Aged Amber Alley color palette (#E4F8EA, #AC8A00, #006258, #574400, #001519)
• Moss Summit color palette (#E9FAF3, #97AF10, #006C9E, #4F5D00, #031F33)
• Airy Pine color palette (#FFF1F6, #AD9645, #027F3F, #603D6E, #234539)
• Antique Olive Terrace color palette (#D8F9D5, #B3AD68, #668413, #00633D, #004B46)

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