Twilit Harbor color palette — #F1D6EA · #6E1000 · #232400 · #001203 · #060002

Oxblood and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F1D6EA): A whisper-light, dusty pink — the color of neon signs at night.
• Oxblood (#6E1000): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#232400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001203): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Charred Garnet Bloom color palette (#F0D6E5, #5D1800, #34312B, #161900, #150019)
• Tempered Meadow color palette (#F1E0D1, #686A20, #562E00, #312816, #0E0600)
• Cocoa Corridor color palette (#FAEAF2, #753600, #2F2B00, #24002B, #170003)
• Antique Drift color palette (#EDE0E9, #BD9FAF, #947582, #651900, #1E0D19)
• Velvet Aubergine color palette (#F2EAFF, #5D0054, #341400, #000C25, #04000C)
• Weathered Field color palette (#ECDAD0, #FD5028, #AC5000, #6B4500, #180800)
• Twilit Brick Ridge color palette (#FAE0D6, #A60028, #00482F, #002B3F, #040006)
• Tempered Onyx color palette (#FFDDE8, #865100, #024D0E, #4F0033, #1C0617)

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