Twilit Navy Lagoon color palette — #F8E9DA · #6E3F00 · #003E69 · #2F1800 · #000104

Navy and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8E9DA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003E69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#2F1800): 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 Lagoon 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

• Velvet Studio color palette (#F5E4DC, #8D1800, #004350, #3E0600, #000102)
• Cellar Chestnut color palette (#F0EBDA, #705300, #293336, #161500, #010100)
• Obsidian Courtyard color palette (#EEE8DA, #594C00, #2300AF, #251E00, #00000B)
• Obsidian Study color palette (#F7E9D8, #533400, #003938, #36004D, #020100)
• Nightshade Harbor color palette (#F5E8DE, #B65B1A, #0039AE, #481D00, #000107)
• Sunlit Boulevard color palette (#FBD7E3, #965800, #005C96, #522E00, #000611)
• Eclipse Boulevard color palette (#EFDFF3, #006B73, #5E5200, #090D07, #020100)
• Olive Drift color palette (#FEECD8, #9E850C, #517300, #4E1F00, #030200)

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