Twilit Navy color palette — #CBE9D1 · #614800 · #003D6B · #291C00 · #000104

A conversation between Navy and Bronze, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CBE9D1): A whisper-light, dusty teal — the color of sea glass.
• Bronze (#614800): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003D6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#291C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cocoa Grove color palette (#FAE7F0, #773800, #004351, #331400, #000102)
• Cellar Chestnut Delta color palette (#CCECE3, #784E00, #31292B, #0D1800, #010100)
• Cellar Nightshade color palette (#E8E5D0, #574C00, #2702AC, #241E00, #01000B)
• Eclipse Navy Workshop color palette (#EEE4D2, #4E3700, #002F65, #1C0765, #020100)
• Ultramarine Workshop color palette (#F2D9D7, #005BB7, #6F4900, #0B100A, #000200)
• Aged Denim color palette (#F0DEC6, #896100, #0057A6, #4B3300, #000613)
• Linen Mulberry Canyon color palette (#F7EDE2, #915F00, #910079, #3D2500, #040002)
• Aubergine Alley color palette (#D9F4EB, #69861E, #5F2098, #2D3D00, #0E001E)

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