Twilit Amber color palette — #D1E9EE · #D17100 · #003330 · #070C10 · #000201

Mustard and Deep Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#D1E9EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mustard (#D17100): A luminous, balanced gold — the color of honey in a jar.
• Deep Forest (#003330): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#070C10): quiet, heavy and certain.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Coral Coast color palette (#DBF3FB, #E46C62, #006568, #002F30, #000203)
• Bronze Loft color palette (#DDE5D7, #896600, #324148, #00231C, #000604)
• Muted Tangerine Summit color palette (#E4EFFF, #F67A17, #0E3680, #000420, #000105)
• Twilit Market color palette (#D5E8D3, #A93F43, #3A3743, #002423, #000403)
• Patina Apricot Orchard color palette (#EDF6FF, #FF9D83, #00558A, #001A2F, #000104)
• Abyss Harbor color palette (#E5F0F5, #BED3E3, #93A7C6, #005860, #000305)
• Sunlit Courtyard color palette (#D6EFF3, #00A58F, #332CC1, #00473C, #01000B)
• Petrol Quarry color palette (#ECF7FF, #FFCBB8, #0074A2, #00334A, #000812)

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