Tempered Navy Grove color palette — #F5EBE3 · #5486AA · #203282 · #002222 · #0E0023

Indigo and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EBE3): a clean, paper-quiet neutral.
• Storm Blue (#5486AA): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#203282): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#002222): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0E0023): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Nightshade Alley color palette (#E9DCCE, #6095C1, #333A9D, #003031, #1D0037)
• Ancient Lagoon Quarry color palette (#F7E7E1, #478D90, #004358, #00240C, #00091C)
• Denim Ridge color palette (#F6EEE1, #709D8F, #0055AE, #003A45, #03002E)
• Petrol Terrace color palette (#F8EBE7, #9ABBA0, #00719A, #00532E, #162D54)
• Patina Sapphire Coast color palette (#F6E4EB, #75A7CA, #4868DD, #005D5B, #0E0024)
• Petrol Workshop color palette (#E4EDD7, #5AA881, #00769F, #452800, #001305)
• Tempered Aubergine color palette (#F8EFD4, #565400, #660070, #232200, #0F0011)
• Weathered Orchard color palette (#D5F0D5, #277300, #1C3500, #19252B, #000E01)

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