Twilit Harbor color palette — #F9D8EC · #875800 · #003D16 · #180023 · #010100

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

The five colors

• Shell Pink (#F9D8EC): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#875800): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#003D16): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#180023): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

One click turns Twilit Harbor 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 Canyon color palette (#F5DEF8, #656900, #003A37, #210006, #000200)
• Eclipse Brick color palette (#FFE8F0, #AD310F, #333400, #0F002F, #020100)
• Cellar Cocoa Coast color palette (#FADBC5, #614500, #002C18, #160029, #040400)
• Patina Ridge color palette (#F6DAE8, #7E793C, #005538, #470D24, #040001)
• Frosted Nightshade Boulevard color palette (#F1E9DB, #897B00, #156D0D, #221C9D, #030400)
• Pale Atelier color palette (#FFE2E0, #3A8C00, #004C58, #3B0007, #000201)
• Tangerine Canyon color palette (#E0F0E7, #EF754E, #808200, #006A5C, #010100)
• Washed Denim color palette (#EEE0E9, #67AEBE, #005A8A, #002D1E, #00000B)

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