Twilit Brick Harbor color palette — #F7E6DA · #B20119 · #006336 · #030C0B · #000201

Ruby takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F7E6DA): A whisper-light, dusty gold — the color of old brass.
• Ruby (#B20119): A full-bodied, vivid orange — the color of sun-warmed clay.
• Pine (#006336): A full-bodied, balanced teal — the color of sea glass.
• Ink (#030C0B): a grounded near-black with real depth.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Depth, Luxury. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Mulberry Delta color palette (#FCD6CF, #A8006E, #505800, #060E0F, #000201)
• Charred Chestnut color palette (#F4F0D0, #825200, #005D66, #070C10, #000102)
• Wandering Crimson color palette (#FAEAD7, #EC003B, #008283, #030E13, #000102)
• Lowlit Terrace color palette (#D8E9F0, #9A2638, #383034, #00181C, #000102)
• Grape Canyon color palette (#F5DCEE, #6000F1, #565600, #060B06, #000201)
• Deep Garnet color palette (#D6EEE4, #353A00, #550006, #111400, #010100)
• Byzantium Drift color palette (#E8E8CC, #777200, #A200B8, #0C1005, #030200)
• Airy Ember Studio color palette (#FDE2C8, #F25F0C, #009F6A, #00180D, #000303)

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