Navy Garden color palette — #F3DDE7 · #CF89A6 · #B25529 · #003E88 · #0C000D

Built around Navy, softened by Terracotta — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F3DDE7): A whisper-light, dusty rose — the color of a warm blush.
• Dusty Rose (#CF89A6): A luminous, balanced rose — the color of pressed rose petals.
• Terracotta (#B25529): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#003E88): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0C000D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Balance. Tagged pastel, light.

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

• Antique Rust Basin color palette (#EED7EB, #B18DC4, #BA5D5E, #004256, #070015)
• Aubergine Loft color palette (#F9D8DB, #D57F7E, #9F6500, #411D98, #180006)
• Wandering Raspberry color palette (#F2E5FF, #D680C8, #C75270, #3A2B7C, #230A27)
• Aged Ember color palette (#E0E2F6, #E492CE, #EA6746, #0053A1, #250A26)
• Muted Boulevard color palette (#F2E0D9, #DAAB86, #789241, #77256B, #220300)
• Gentle Grape color palette (#FFE2DD, #F6B09B, #B69A2B, #704AA1, #2F080E)
• Ultramarine Grove color palette (#F6EEFF, #FFBCDA, #F19131, #3F50C8, #3B0637)
• Ancient Alley color palette (#FFEEE6, #DEDBC0, #97DAB7, #A26489, #38322D)

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