Twilit Field color palette — #FFE4F5 · #772300 · #003C52 · #2D0041 · #040000

Rust and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFE4F5): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#772300): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Teal (#003C52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2D0041): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Twilit Field 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 Garnet color palette (#F2DDEF, #830013, #00395D, #0D005F, #050000)
• Eclipse Navy Villa color palette (#F8DCE4, #4E2E00, #002462, #280017, #040001)
• Cocoa Atelier color palette (#D8F3DE, #5D4500, #003037, #22001E, #040001)
• Forest Parlor color palette (#C8F1EA, #115204, #003A58, #320036, #000200)
• Aubergine Coast color palette (#D7F5E4, #4D4400, #55006A, #3A001B, #010100)
• Sunlit Boulevard color palette (#F3E2CE, #845500, #2C45B0, #162585, #090300)
• Bronze Grove color palette (#D7E2D6, #8E5B00, #004225, #3C2400, #000202)
• Weathered Fern color palette (#E8E6CF, #4F6B00, #005860, #002B43, #010100)

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