Weathered Navy color palette — #CCEAD0 · #B22B41 · #4A3B00 · #0E0075 · #2A0B00

Deep Indigo and Ruby set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CCEAD0): A whisper-light, dusty green — the color of a quiet forest floor.
• Ruby (#B22B41): A full-bodied, vivid red — the color of embers at dusk.
• Deep Olive (#4A3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#0E0075): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#2A0B00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Brick Thicket color palette (#FAD5E3, #AB3A27, #413F00, #290064, #251000)
• Ancient Mulberry Lagoon color palette (#DDEEE2, #9C406E, #573300, #002153, #310106)
• Washed Chestnut Market color palette (#F4ECE0, #9D4900, #493900, #00232C, #0B0400)
• Faded Ridge color palette (#FFDDC9, #C45A00, #435C00, #4C0082, #382500)
• Pale Summit color palette (#D7E7DA, #C75E00, #6C5500, #003F4F, #231100)
• Hazy Quarry color palette (#F9E8F6, #A8756F, #774530, #242C79, #420E36)
• Sunlit Corridor color palette (#DFEFE7, #893FA7, #760800, #00283C, #2D0120)
• Cocoa Veranda color palette (#FEE5F8, #684000, #002D07, #1C001D, #050300)

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