Tempered Navy color palette — #F9E8E3 · #A48D62 · #66844F · #554382 · #30042E

Indigo takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F9E8E3): a clean, paper-quiet neutral.
• Caramel (#A48D62): A luminous, dusty gold — the color of honey in a jar.
• Fern (#66844F): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#554382): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#30042E): A deep, shadowed, balanced pink — the color of neon signs at night.

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

Use it as a design system

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

• Worn Atelier color palette (#EDDCDF, #C28765, #7F7631, #3E5078, #201047)
• Patina Driftwood color palette (#E6DFD2, #7B9358, #37746C, #56345A, #220526)
• Patina Pine color palette (#F2E9D2, #7EA65D, #008653, #794252, #071300)
• Softworn Driftwood Veranda color palette (#E6E1C6, #898D41, #4E7034, #004244, #00252D)
• Patina Onyx Atelier color palette (#E4EDD8, #80B49E, #4E94A2, #80524D, #450D0A)
• Wandering Amethyst color palette (#F3F0CC, #8BB02A, #7248DC, #536D00, #120035)
• Indigo Grove color palette (#FAE9E2, #CFBA86, #85AA6D, #8567B2, #69264A)
• Ancient Pewter color palette (#F7E7C8, #A7C59D, #87A184, #936072, #55312A)

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