Twilit Olive Ridge color palette — #F6DEDB · #6A8700 · #4D0025 · #190008 · #030200

Olive Leaf and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6DEDB): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#6A8700): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4D0025): A deep, shadowed, balanced rose — the color of strawberry cream.
• Ink (#190008): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#030200): quiet, heavy and certain.

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

Use it as a design system

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

• Midnight Olive Market color palette (#F8E1D7, #707200, #3E0101, #18180B, #100000)
• Nocturne Emerald Loft color palette (#EADADE, #25930E, #3F0050, #13001B, #090002)
• Hazy Moss color palette (#FFDDC8, #A29500, #662200, #320D00, #0F0800)
• Aged Pier color palette (#F8E8F9, #ADAB48, #B2304B, #661627, #090001)
• Washed Balcony color palette (#F4EFD9, #C68F48, #424800, #292100, #0D1208)
• Softworn Crimson color palette (#F8E1DB, #D1285B, #004D1B, #610023, #030400)
• Worn Cocoa Workshop color palette (#ECDFD7, #C1B7A8, #928F76, #702E00, #271D16)
• Washed Stone color palette (#FFF2EE, #ACB66E, #743F46, #41261F, #211912)

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