Navy Garden color palette — #FBF0E4 · #AD8553 · #00775A · #233B7D · #390A1B

Built around Navy, softened by Teal — the whole palette hums with optimism and creativity.

The five colors

• Cream (#FBF0E4): bright and airy, almost weightless.
• Caramel (#AD8553): A luminous, balanced gold — the color of old brass.
• Teal (#00775A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#233B7D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#390A1B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Navy Parlor color palette (#F5F2E7, #A29F6B, #377F7E, #47437D, #43161C)
• Amber Studio color palette (#FCEFE7, #C07860, #5A6D2B, #004A51, #1F1442)
• Dusty Harbor color palette (#FFEFDB, #C7BEA8, #888A6E, #42685F, #432736)
• Ember Harbor color palette (#FDF1FB, #C86861, #00707D, #533972, #3F3052)
• Bronze Station color palette (#ECDFC5, #876F00, #005A4B, #002862, #200017)
• Aubergine Market color palette (#ECF0DE, #448E54, #005C85, #57005A, #230D00)
• Antique Villa color palette (#EFF8EE, #CE9955, #089862, #1B6298, #4C2A46)
• Sunlit Nightshade color palette (#FFF2ED, #F0A3A1, #7B9541, #6047A5, #4A181A)

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