Twilit Fern Basin color palette — #F2EDDF · #645D00 · #002E39 · #211E00 · #000201

A conversation between Olive and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2EDDF): bright and airy, almost weightless.
• Olive (#645D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002E39): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#211E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged duotone, dark, muted.

Use it as a design system

One click turns Twilit 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

• Shadow Chestnut color palette (#FAE9D9, #874900, #003214, #2F1600, #010200)
• Charred Fern Corridor color palette (#E9EBD6, #306B00, #002658, #0B2400, #050005)
• Shadow Fern color palette (#FFEBDD, #1E5900, #002A2B, #1F0015, #000502)
• Quiet Aubergine color palette (#E9F0E2, #007B61, #35008A, #002F23, #02000D)
• Pine Ridge color palette (#E1E4C2, #197A0F, #003D2E, #001415, #000508)
• Muted Spruce Quarry color palette (#E2E2DA, #949E85, #627761, #173300, #0A0A02)
• Tempered Drift color palette (#FAF6E1, #9AAE00, #006C9C, #525D00, #00241A)
• Twilit Boulevard color palette (#DFE1CC, #124A00, #0A0065, #201C09, #190007)

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