Twilit Pier color palette — #DFE0D0 · #526700 · #0C4102 · #00220A · #000704

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

The five colors

• Bone (#DFE0D0): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#526700): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0C4102): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00220A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000704): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Moss Studio color palette (#DAE6C6, #579100, #266900, #02420A, #001E0B)
• Smoked Chestnut color palette (#F7DDC6, #7B5400, #463500, #1F1D00, #060600)
• Midnight Pine Studio color palette (#D1EBDB, #008750, #004223, #001407, #000201)
• Sunlit Harbor color palette (#E1E5CD, #1F7F2C, #62006A, #003408, #070009)
• Timeworn Archive color palette (#EEF3E1, #3AB29D, #008A98, #2B4400, #000A06)
• Antique Pier color palette (#D6EFE3, #009D89, #006060, #00393E, #00171D)
• Midnight Nightshade color palette (#D0E6D5, #00592A, #2500B6, #5B0900, #000200)
• Washed Lapis color palette (#FBE7DF, #5844FF, #007263, #040D10, #000200)

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