Tempered Navy Lagoon color palette — #FCD9CD · #A69165 · #59704A · #5A3C50 · #31345F

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

The five colors

• Shell Pink (#FCD9CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#A69165): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#59704A): A full-bodied, dusty green — the color of a quiet forest floor.
• Cocoa (#5A3C50): A deep, shadowed, dusty pink — the color of peonies in June.
• Navy (#31345F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Chestnut Pier color palette (#FFE7EB, #C08A72, #7C6217, #344E6C, #4C324E)
• Patina Onyx Boulevard color palette (#F5E4DC, #988346, #38613F, #422953, #44081E)
• Hushed Forest Balcony color palette (#EDE3D2, #83954E, #166628, #5D2944, #2F2903)
• Mulberry Pier color palette (#EEDFC7, #95AA5C, #008072, #773365, #62283B)
• Dusty Abyss color palette (#D7E9E3, #6E9892, #44775B, #00495E, #00243C)
• Aged Basalt color palette (#F8E5F8, #D7A8BB, #949B68, #6A709B, #48264A)
• Weathered Alley color palette (#EBE5D0, #AFAD87, #5F9263, #006B76, #14402F)
• Pale Orchard color palette (#E4DFC6, #8C9624, #374EBE, #484E00, #16215C)

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