Twilit Fern color palette — #F8DDD5 · #5F5B00 · #2D000A · #110802 · #040001

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

The five colors

• Shell Pink (#F8DDD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive (#5F5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#2D000A): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#110802): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Eclipse Bronze Basin color palette (#EFDEC4, #846200, #31393E, #281C00, #040200)
• Tempered Chestnut Garden color palette (#FBF0E3, #C6B17F, #6D4E23, #392200, #140A01)
• Olive Terrace color palette (#F5E8F6, #7D7800, #57001B, #291210, #130003)
• Bronze Grove color palette (#F0E4DA, #958C7E, #7D691E, #451D00, #030100)
• Wandering Amber color palette (#F6ECD5, #BF8A00, #483E00, #1B1600, #040300)
• Patina Mustard color palette (#FFEEE7, #B9AA33, #802C2C, #440107, #140300)
• Cocoa Balcony color palette (#F0E0CA, #742E00, #272400, #060030, #020100)
• Smoked Terracotta Corridor color palette (#F6E5DF, #A21625, #272E00, #410006, #010100)

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