Twilit Forest Loft color palette — #CEF0F0 · #005B3C · #573100 · #002616 · #020100

Pine takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#CEF0F0): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#005B3C): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#573100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#002616): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Eclipse Lagoon color palette (#E0F1F7, #3E6500, #383135, #001819, #000202)
• Midnight Garnet color palette (#D2E5DD, #4A5200, #74001C, #1D2100, #040000)
• Velvet Meadow color palette (#CCEBDB, #004730, #00364A, #2A2200, #000201)
• Aubergine Canyon color palette (#C6EDF6, #005853, #3E009D, #002422, #010009)
• Obsidian Garnet Corridor color palette (#DFEDD2, #006048, #71004F, #00281C, #120009)
• Gentle Mulberry color palette (#D2F2F5, #007D65, #8E0F7A, #003428, #040003)
• Petrol Ridge color palette (#D0E6E9, #4A9A99, #006E7E, #003A2B, #000404)
• Washed Pine color palette (#E2E9D5, #007E49, #824700, #004425, #0D0400)

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