Twilit Fern color palette — #D9EFE2 · #5C5200 · #004364 · #262100 · #00070E

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

The five colors

• Honeydew (#D9EFE2): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#5C5200): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004364): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#262100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00070E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged 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

• Cocoa Station color palette (#FCE1EF, #843600, #00484A, #391300, #000808)
• Obsidian Field color palette (#F8EEE0, #644600, #1020A1, #2A1B00, #00000C)
• Fern Lagoon color palette (#F0E4C6, #706500, #3A2A00, #1E2B2A, #0D0A00)
• Obsidian Aubergine color palette (#CAEFDB, #5A5300, #56008D, #252100, #0B0019)
• Denim Summit color palette (#DCEFDE, #886100, #0056AA, #4A3300, #000514)
• Tempered Aubergine Thicket color palette (#C6F4F6, #007051, #6A00A3, #003625, #19002C)
• Nocturne Chestnut Courtyard color palette (#D7F7EF, #8C4C00, #1B181F, #0B1900, #010300)
• Aubergine Loft color palette (#F4E9DA, #573800, #31008F, #220069, #030100)

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