Navy Terrace color palette — #FFF2ED · #60CAD5 · #0077A4 · #005935 · #0B2D70

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#60CAD5): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005935): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#0B2D70): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Forest Ridge color palette (#FDF3EF, #B0CEB3, #3B829E, #266139, #203B60)
• Linen Alley color palette (#FFF3E8, #74C1F0, #3D66CD, #005652, #372462)
• Worn Petrol Cabin color palette (#EAF5EC, #83C9D2, #007E9B, #005348, #001D2D)
• Wandering Denim color palette (#FAECE4, #70A9B4, #005D8A, #00402B, #0B174F)
• Worn Cypress color palette (#FBF3EF, #C7E4D4, #6C8DB1, #1D715F, #5C3B52)
• Pale Navy Hollow color palette (#EEDFD3, #4B99BF, #09429D, #00302B, #16033C)
• Scarlet Field color palette (#F4DAD7, #D4051A, #006E90, #2F4C7B, #4A0305)
• Hushed Rose color palette (#FFDCD1, #E1415A, #007C9D, #95002C, #003343)

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