Tempered Navy color palette — #F8F3F8 · #8CB1E3 · #BC6624 · #004C9E · #302013

Indigo takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Sky (#8CB1E3): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#BC6624): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#004C9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#302013): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged duotone.

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

• Aged Denim color palette (#EFF7F4, #80B5DF, #A4544D, #00659C, #331E14)
• Grape Dune color palette (#FCF2F7, #AFA7D6, #8C6900, #6447B2, #2C2212)
• Plum Bloom color palette (#EEF2FB, #ACAAF4, #B94866, #5F59A3, #150917)
• Faded Indigo Coast color palette (#FCF2F7, #BDBCFF, #CE6A8B, #7972CE, #2F201D)
• Ember Hollow color palette (#FFF1F3, #BEDDFF, #E49DEA, #D15C23, #4F2E49)
• Pewter Workshop color palette (#F1F9E2, #7E96CF, #91507A, #005B53, #503341)
• Sunlit Grape Pier color palette (#FFF1F4, #C08ACF, #8B5800, #85009F, #2B1800)
• Antique Aubergine Corridor color palette (#FDEDF5, #8B73FF, #893900, #4B00B6, #220900)

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