Tempered Navy Hollow color palette — #F4D8DD · #BB896E · #82761E · #354990 · #2E0E3A

A conversation between Indigo and Walnut, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4D8DD): A whisper-light, dusty red — the color of embers at dusk.
• Caramel (#BB896E): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#82761E): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#354990): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#2E0E3A): A deep, shadowed, balanced pink — the color of peonies in June.

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

Use it as a design system

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

• Washed Loft color palette (#F8DACC, #AB9856, #4E8654, #654478, #310930)
• Bronze Lantern color palette (#F8D9ED, #BC8284, #AA6300, #185574, #002237)
• Antique Meadow color palette (#F8E1C4, #9B803A, #646300, #004B3D, #00201F)
• Amethyst Quarry color palette (#D7F5DF, #C19B29, #763CE9, #795E00, #130034)
• Olive Basin color palette (#D9EBDB, #9F9D3A, #458200, #754067, #111000)
• Aged Indigo Orchard color palette (#FFDBD9, #EDAF6C, #90A457, #6E6FBF, #522E59)
• Pale Sapphire color palette (#F5EED3, #957B00, #3A5DFF, #8233C9, #0B0700)
• Timeworn Pewter color palette (#F2E7D6, #ADBC7B, #6EA993, #945D85, #3F344F)

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