Twilit Loft color palette — #CAF2F2 · #00724A · #302E35 · #00161A · #000202

A conversation between Pine and Honeydew, giving this palette its sense of sophistication and depth.

The five colors

• Honeydew (#CAF2F2): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#00724A): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#302E35): a grounded near-black with real depth.
• Ink (#00161A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000202): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Abyss Loft color palette (#E1EAD4, #005335, #273136, #001215, #020400)
• Jade Harbor color palette (#DCF0D3, #00B281, #00766F, #003F4D, #000D15)
• Cypress Drift color palette (#EAFAF0, #8AAE7C, #007058, #453C00, #020A00)
• Lagoon Quarry color palette (#E6F1D7, #009064, #004D48, #162200, #020200)
• Timeworn Turquoise color palette (#ECF7FC, #56C0CC, #495664, #172F37, #091112)
• Shadow Cobalt Villa color palette (#D0E9FE, #007FB6, #1A2241, #1D171A, #00040B)
• Airy Scarlet color palette (#D4F5FE, #00A7A5, #D6343D, #005958, #170001)
• Tempered Veranda color palette (#EBF7FF, #00A0CD, #32395D, #001822, #000203)

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