Twilit Loft color palette — #DAEBF0 · #007775 · #3009A6 · #2F0012 · #020100
Indigo takes the lead with Teal close behind in a set that reads as creativity and energy at first glance.
The five colors
- Frost (#DAEBF0): a clean, paper-quiet neutral.
- Teal (#007775): A full-bodied, balanced teal — the color of sea glass.
- Indigo (#3009A6): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#2F0012): A deep, shadowed, dusty red — the color of a theater curtain.
- Black (#020100): quiet, heavy and certain.
Feels like: Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Twilit Loft 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
- Pine Meadow color palette (#CEE8E8, #007B51, #003D70, #2C0020, #020100)
- Shadow Aubergine Archive color palette (#D4ECFB, #007291, #5B007A, #2A0900, #010200)
- Cellar Navy Hollow color palette (#DEF5DD, #005654, #1E007F, #2B0014, #0D0600)
- Washed Bloom color palette (#DAEFF1, #0093B2, #005B83, #002241, #000106)
- Worn Corridor color palette (#D1F8F7, #509FB9, #476087, #491D25, #160500)
- Abyss Veranda color palette (#C3E6F4, #6B665F, #005861, #191920, #00060C)
- Weathered Garnet color palette (#CEE8F5, #0090A9, #007084, #82001E, #000A0B)
- Mint Veranda color palette (#DFF6FF, #00D8AC, #00B2B3, #006EAD, #000102)
Browse the whole catalog at Explore, or see today's palette.