Twilit Cabin color palette — #D3E8FD · #007CC2 · #162148 · #1C1A21 · #00040B

A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#D3E8FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007CC2): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#162148): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#1C1A21): quiet, heavy and certain.
• Ink (#00040B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Obsidian Coast color palette (#D1EBF2, #008789, #00293A, #1D181D, #000505)
• Indigo Boulevard color palette (#DDE5F7, #5F69D2, #2A1C3E, #120B15, #02001A)
• Weathered Garden color palette (#D0E1F1, #0094DB, #514C7D, #1E3242, #000609)
• Lowlit Studio color palette (#D3EDE4, #005B89, #122022, #1A1238, #000705)
• Iris Meadow color palette (#F1F5FF, #8B96E9, #42435F, #151E32, #03060B)
• Dusty Azure Lantern color palette (#EEF8F0, #CEE1FF, #039FD2, #006A66, #002038)
• Pale Ember Courtyard color palette (#F1F5FF, #8B83E1, #CF5A0B, #007E5C, #0D022C)
• Gentle Hollow color palette (#D9ECFF, #84B1FF, #606CEC, #5327B9, #250949)

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