Navy Ridge color palette — #FFF1F6 · #B17C48 · #26744D · #004886 · #552440

A conversation between Navy and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Caramel (#B17C48): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#26744D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#552440): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Linen Delta color palette (#ECF9F1, #998843, #00726E, #443591, #582628)
• Coral Cabin color palette (#F8EEF7, #CC6C73, #007374, #483075, #22153A)
• Washed Grove color palette (#FCF1FC, #B77377, #736300, #00544A, #233660)
• Timeworn Corridor color palette (#FFE4ED, #A2BAAA, #798E68, #496682, #504860)
• Frosted Aubergine color palette (#E2F7F4, #4C8842, #005C79, #590077, #4E1600)
• Hazy Lagoon color palette (#FFF2EF, #DD889A, #009583, #6D4E87, #422D54)
• Nightshade Archive color palette (#D3F1D9, #8A6800, #005949, #04049D, #470027)
• Aged Pine color palette (#EFF8F3, #92B9AD, #5C7E54, #7D4A40, #274A40)

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