Navy Veranda color palette — #E8F6E8 · #C68D6E · #706F28 · #423C79 · #152814

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

The five colors

• Cream (#E8F6E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C68D6E): A luminous, balanced orange — the color of toasted spice.
• Olive (#706F28): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#423C79): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#152814): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Quiet Aubergine Pier color palette (#FFECF3, #B69763, #4D783D, #64296F, #09291B)
• Wandering Navy color palette (#E8F7E9, #CC887F, #816729, #333C8A, #351728)
• Patina Olive color palette (#E6FBED, #B3934F, #726D00, #005B4D, #2E4335)
• Weathered Parlor color palette (#EAF5F0, #94BDB5, #498369, #644A69, #012F29)
• Dusty Corridor color palette (#FFF3E4, #E69E72, #8C8C04, #5A5C97, #413C36)
• Frosted Studio color palette (#F6DDC3, #AC7100, #395E00, #440071, #171100)
• Hushed Harbor color palette (#FEF4DE, #E3C98D, #979740, #007466, #34312B)
• Dusty Bronze Station color palette (#E0EBE2, #926F00, #15382F, #0A1A0E, #0C0407)

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