Twilit Chapel color palette — #F4EADE · #7A5200 · #002D3C · #2A1900 · #000204

Built around Coffee, softened by Midnight — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F4EADE): bright and airy, almost weightless.
• Coffee (#7A5200): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002D3C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#2A1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000204): a grounded near-black with real depth.

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

Use it as a design system

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

• Twilit Fern color palette (#FFDDD4, #564A00, #002B22, #200012, #020400)
• Nocturne Terracotta color palette (#F9E8E0, #A02B0B, #00311F, #3B0700, #010200)
• Velvet Aubergine color palette (#EFEEDC, #4A6600, #270074, #162200, #060003)
• Timeworn Spruce color palette (#E0DFD4, #979D8B, #627761, #282F00, #0C0900)
• Dusty Dune color palette (#FAF5EA, #C09F00, #006F8F, #675400, #002417)
• Ultramarine Canyon color palette (#F8F5EB, #9E9E5F, #1C59B6, #545300, #211221)
• Weathered Olive Study color palette (#E3E5D7, #AD7700, #3A7200, #003C47, #000402)
• Olive Workshop color palette (#E9E4D7, #807700, #005146, #3E3900, #010200)

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