Navy Studio color palette — #D8F3F2 · #326D91 · #3B3486 · #2E2700 · #0F0C00

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

The five colors

• Honeydew (#D8F3F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#326D91): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#3B3486): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#2E2700): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0F0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Navy Atelier color palette (#D5E8DB, #20797C, #004272, #3D1B00, #120800)
• Aubergine Chapel color palette (#E1F2FF, #5F66A0, #632362, #0C2800, #000B04)
• Cobalt Studio color palette (#D2E8F8, #3B74B6, #3E4572, #3C1A32, #2D0503)
• Navy Boulevard color palette (#E3EFFF, #004595, #573600, #183800, #000105)
• Hushed Cerulean color palette (#D8EDEE, #3C8EBF, #605987, #4E4000, #002915)
• Patina Cerulean color palette (#F3E3DC, #4598A0, #005168, #002D1F, #00050D)
• Antique Iris color palette (#DDE6F1, #748BD4, #5F568E, #530A33, #150003)
• Pale Navy color palette (#F5DDEF, #344BC1, #5E4500, #120083, #040200)

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