Navy Coast color palette — #FCF1FC · #67C9CE · #00799D · #005A2B · #00306A

Navy and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Aqua (#67C9CE): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005A2B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#00306A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Worn Sapphire Balcony color palette (#FFF0F9, #72C4E4, #006DCC, #00574A, #2C266A)
• Worn Aqua color palette (#FCF0DE, #50D1D4, #008092, #005342, #001E29)
• Faded Cerulean color palette (#EDF9EF, #72DFE1, #009DB3, #00755D, #00394B)
• Aged Onyx Studio color palette (#ECE5EC, #77A7B9, #005F84, #004125, #031A4D)
• Muted Pine Drift color palette (#F9F3F8, #D4E0F1, #7A9EBB, #2A805E, #43536D)
• Softworn Navy Station color palette (#F5E7F0, #4B8A9E, #003E6C, #00231A, #06002B)
• Sky Veranda color palette (#E2FFD7, #8FDFD2, #24B1F8, #786500, #004226)
• Hushed Emerald Lantern color palette (#FFF2EE, #7BEFF1, #00BCEC, #1B9E48, #003264)

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