Navy Garden color palette — #FBEAF3 · #288CB0 · #003A78 · #00231D · #080126

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

The five colors

• Blush (#FBEAF3): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#288CB0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#003A78): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#080126): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Washed Lagoon color palette (#F3E6F3, #009393, #004356, #002507, #00091A)
• Tempered Market color palette (#F3E3EA, #5299BC, #0041A2, #00302B, #150638)
• Ancient Market color palette (#D2E5E3, #599CB9, #005F88, #003A44, #000A16)
• Pale Cobalt color palette (#F2E6DD, #71AAC1, #0078C7, #005D5A, #03002E)
• Sunlit Sapphire Dune color palette (#CDF6F6, #00A8B1, #4963C5, #373600, #001411)
• Hushed Petrol color palette (#E9F1E9, #84B7E4, #5561AA, #004F52, #352548)
• Cerulean Balcony color palette (#FCF1FB, #93D2D5, #0A84AB, #1C6236, #233B5C)
• Moonless Forest color palette (#E4E7CD, #006E1F, #00412F, #001B19, #01060F)

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