Navy Studio color palette — #E8F8FF · #99DAFF · #4390CF · #13549F · #0A0B6F
A conversation between Deep Indigo and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Powder Blue (#99DAFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#4390CF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#13549F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#0A0B6F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Navy Studio 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
- Azure Coast color palette (#E1FBFF, #78E1FF, #18A1D0, #005880, #002140)
- Tempered Ridge color palette (#EFF6FF, #AEC6FF, #7780DA, #56449A, #2F0059)
- Gentle Navy color palette (#B6E9FF, #49AAE0, #006DAD, #003E8D, #12246F)
- Navy Drift color palette (#CEE1EF, #4AA9F9, #0C62CD, #0D0088, #020015)
- Aubergine Market color palette (#EDF6FF, #CBE0FF, #849DE5, #5E60AB, #311A64)
- Nightshade Garden color palette (#E5EEFC, #6A81ED, #4B39BA, #280060, #020006)
- Frosted Navy color palette (#D5F2ED, #38ACC3, #0071B6, #1D2C83, #200044)
- Feathered Indigo color palette (#9CF4E6, #81D1E8, #42A9EA, #5466E9, #370078)
Browse the whole catalog at Explore, or see today's palette.