Twilit Loft color palette — #D6E2D7 · #00665F · #002081 · #231500 · #000E12

Indigo and Pine set the tone — five colors that lean into sophistication and depth.

The five colors

• Bone (#D6E2D7): a clean, paper-quiet neutral.
• Pine (#00665F): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#002081): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#231500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000E12): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication, Depth, Luxury. Tagged retro, dark, muted.

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

• Aubergine Garden color palette (#D9F0F0, #00583E, #2E0072, #191300, #000A05)
• Navy Dune color palette (#EDE5D3, #005F74, #00296B, #2E0100, #000204)
• Deep Forest Orchard color palette (#FFE6EF, #006848, #00344F, #271300, #000E0E)
• Quiet Workshop color palette (#D5ECD9, #007E9A, #0042A3, #580200, #000D17)
• Muted Bloom color palette (#DAF4E2, #59763D, #00432E, #002634, #081300)
• Muted Garden color palette (#CBE6E5, #006E9E, #5A0E77, #002B26, #061139)
• Hushed Terrace color palette (#EBE2E9, #609AA5, #004F76, #003220, #040248)
• Aubergine Parlor color palette (#D8EFFC, #00A882, #007CA0, #5A00A6, #000E26)

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