Navy Ridge color palette — #E0F2F0 · #00625D · #00448A · #2A3800 · #000201

Indigo and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E0F2F0): bright and airy, almost weightless.
• Pine (#00625D): A full-bodied, dusty teal — the color of sea glass.
• Indigo (#00448A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Forest (#2A3800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Ancient Market color palette (#D4E8EF, #005E74, #46289D, #003D1F, #000102)
• Moonless Navy color palette (#D3F8F4, #004A46, #003268, #1E2800, #000202)
• Hushed Fern Ridge color palette (#E2EADF, #246500, #005057, #462B00, #000200)
• Ancient Lagoon Delta color palette (#DAEEED, #008F8E, #004B4C, #000D0C, #000202)
• Grape Canyon color palette (#E0ECFF, #005ED8, #8E0097, #004D4C, #000106)
• Aged Cerulean color palette (#DDF1F6, #71C7D3, #1D9FC6, #004C40, #000202)
• Smoked Garnet Lantern color palette (#E6F5D4, #004732, #590046, #3A1800, #000201)
• Softworn Byzantium Terrace color palette (#C4E6FF, #0083BE, #883BC9, #006450, #000204)

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