Twilit Olive color palette — #FCE5EA · #647600 · #30003E · #180B01 · #0B0010

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

The five colors

• Rose Water (#FCE5EA): A whisper-light, dusty red — the color of late-summer berries.
• Olive (#647600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#30003E): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#180B01): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0B0010): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Fern Pier color palette (#F6D6D3, #646200, #2C0016, #170F01, #080003)
• Olive Summit color palette (#F8E2EF, #477D00, #1C0058, #04001A, #0C0102)
• Soft Aubergine color palette (#FFDADE, #8E9D00, #640061, #310030, #23030A)
• Inked Bronze color palette (#F5E7DF, #917800, #451600, #160400, #020200)
• Aubergine Thicket color palette (#E5E4FB, #009B70, #540075, #1B0029, #02000D)
• Patina Ridge color palette (#FAE6E3, #B8A49B, #A6723E, #611732, #1D100E)
• Quiet Mulberry color palette (#EDE6FD, #BC8E00, #882D7D, #480041, #03000A)
• Tempered Amber color palette (#FFEAE0, #B09C2F, #742416, #3C120B, #181004)

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