Fern Basin color palette — #FFEFE9 · #CEA170 · #837811 · #355800 · #004826

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

The five colors

• Cream (#FFEFE9): bright and airy, almost weightless.
• Camel (#CEA170): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#837811): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#355800): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004826): A deep, shadowed, balanced teal — the color of shallow lagoons.

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

Use it as a design system

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

• Feathered Bronze color palette (#FFE6E7, #D39985, #A46912, #5D4C00, #314500)
• Faded Summit color palette (#FFECD5, #B1B277, #5C853B, #00633D, #004C46)
• Olive Summit color palette (#FFE9BF, #C6AF61, #847E00, #4C5200, #192600)
• Frosted Workshop color palette (#F9ECDE, #A99000, #596800, #00441A, #002E24)
• Navy Terrace color palette (#FFF3E5, #BC8D60, #617231, #53417D, #403C36)
• Misty Atelier color palette (#FFF4E1, #FFD1C4, #D2B95B, #48A55C, #3D4316)
• Moss Harbor color palette (#E1E2D1, #6B9C4F, #00694F, #003F3D, #002A38)
• Shadow Fern Corridor color palette (#E8DFC0, #5E6300, #003D0C, #00140D, #000303)

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