Twilit Brick color palette — #DCEFE3 · #B10034 · #00623F · #060E09 · #010100

Ruby and Pine set the tone — five colors that lean into energy and depth.

The five colors

• Honeydew (#DCEFE3): A whisper-light, dusty teal — the color of glacier melt.
• Ruby (#B10034): A full-bodied, vivid red — the color of embers at dusk.
• Pine (#00623F): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#060E09): a grounded near-black with real depth.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Twilit Brick 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 Orchard color palette (#DDE5CA, #A3007F, #345F00, #040D08, #010100)
• Chestnut Study color palette (#C4E9E5, #904800, #005E5E, #050A0C, #000200)
• Scarlet Thicket color palette (#F7ECD3, #E31101, #0078A8, #090E19, #000205)
• Smoked Grove color palette (#F4DAF0, #834600, #000548, #0D0104, #00000B)
• Patina Lagoon color palette (#CFE9E9, #AE7000, #008090, #040D13, #000200)
• Wandering Drift color palette (#EFE3EA, #9D868C, #83615E, #211769, #040002)
• Tempered Peony color palette (#EAE2C3, #DF00AB, #006EAF, #0A0B14, #000104)
• Denim Corridor color palette (#D5F0E9, #005B98, #51002A, #00203A, #050000)

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