Tempered Navy color palette — #F0DCEC · #4265BD · #5E5600 · #05008B · #010100
A conversation between Indigo and Royal Blue, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F0DCEC): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#4265BD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Olive (#5E5600): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#05008B): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.
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
- Faded Sapphire Garden color palette (#ECDDEB, #2368C4, #734B00, #00285D, #020100)
- Worn Amethyst color palette (#F7D7E4, #7D4BBC, #3A6100, #3A0069, #010200)
- Charred Lapis color palette (#DBE3F5, #3F0ADC, #4D3C00, #180066, #090500)
- Feathered Ultramarine color palette (#DDE9FF, #5E6DEE, #817100, #392FD1, #080600)
- Terracotta Garden color palette (#DCEDE7, #0072A8, #9E1300, #002F48, #040000)
- Moss Canyon color palette (#BFE8E7, #679200, #0075C9, #120C15, #030004)
- Muted Corridor color palette (#F7DDEE, #C4A1D2, #CE7472, #004C5F, #020006)
- Feathered Lantern color palette (#FFE9EC, #B154AC, #007960, #650063, #000201)
Browse the whole catalog at Explore, or see today's palette.