Weathered Navy color palette — #ECFDCE · #BEE1B5 · #7CAF92 · #387C94 · #00456B

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

The five colors

• Custard (#ECFDCE): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#BEE1B5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#7CAF92): A luminous, dusty teal — the color of glacier melt.
• Slate (#387C94): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00456B): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Timeworn Chapel color palette (#DBFFEC, #ABE3D5, #75A8B8, #6379A0, #3A3B6D)
• Dusty Taupe Hollow color palette (#FFF3E2, #F1E0A9, #9EA66B, #497F72, #00494A)
• Dusty Onyx Veranda color palette (#CAEADB, #5C9A92, #00676C, #1D2C50, #0E0033)
• Hushed Turquoise color palette (#E6FAF5, #C4DBF5, #31C5C8, #008A73, #003D43)
• Timeworn Bloom color palette (#F1FDBD, #AFC79D, #62906E, #29626F, #052A42)
• Weathered Thicket color palette (#C1EDEF, #498492, #005176, #2A1944, #030005)
• Oat Studio color palette (#E0FBFF, #D1DDEA, #AEC9D6, #80879A, #4D4F5F)
• Washed Emerald color palette (#E4FBF4, #B5EAA4, #52A762, #806722, #003731)

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