Navy Studio color palette — #E9F0E4 · #888F00 · #007E73 · #004D9F · #000202

A conversation between Indigo and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F0E4): bright and airy, almost weightless.
• Olive Leaf (#888F00): A luminous, balanced green — the color of fresh herbs.
• Teal (#007E73): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#004D9F): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

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

• Patina Moss Delta color palette (#DFE5D1, #988900, #007F54, #004E6A, #000202)
• Lapis Studio color palette (#D3E7D4, #709F17, #008086, #3D00E2, #000202)
• Hushed Atelier color palette (#D7ECDE, #0B983B, #006E7A, #4C0095, #000103)
• Soft Amber Pier color palette (#EFEFDE, #C56B00, #597900, #005C6C, #000201)
• Pale Workshop color palette (#D4EBCD, #00B168, #00847B, #004B61, #001213)
• Hushed Hollow color palette (#E5E3CD, #4E7A5C, #004855, #322300, #0B0700)
• Linen Corridor color palette (#D3EEE2, #00A279, #00829F, #7B00A1, #000105)
• Hushed Mint Lantern color palette (#D4F6FC, #42D675, #00AA9C, #00779D, #000202)

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