Navy Cabin color palette — #FFF2EB · #DFE3B7 · #A6B07F · #4D7D96 · #333D68

Built around Navy, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Celadon Mist (#DFE3B7): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A6B07F): A luminous, dusty green — the color of new leaves after rain.
• Slate (#4D7D96): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#333D68): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Muted Olive Studio color palette (#FFEADD, #C9B27E, #788427, #38667D, #4C4566)
• Dusty Chapel color palette (#F2E4C9, #AAB47B, #448458, #324176, #1F1133)
• Ancient Thicket color palette (#FFF7C8, #B7EBD2, #78B29B, #7373AB, #58365F)
• Hushed Sand color palette (#FFF3E2, #E8D9AE, #999D78, #796178, #533043)
• Dusty Taupe Study color palette (#FFF2EF, #EFD7BE, #CB9D66, #3E8782, #204834)
• Dusty Navy color palette (#ECEFCE, #789A6B, #006B5C, #31275A, #100014)
• Dusty Driftwood color palette (#F6F7E2, #CBE4D4, #B0C7C2, #A3848E, #5E4847)
• Tempered Oat Harbor color palette (#FFF3E7, #D3C88C, #788F69, #36665A, #391E30)

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