Navy Atelier color palette — #F2E8E3 · #5E826C · #003F65 · #002016 · #01000C

Navy takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2E8E3): bright and airy, almost weightless.
• Fern (#5E826C): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cerulean Archive color palette (#F1E9DD, #258FA3, #004359, #002220, #000A16)
• Softworn Basin color palette (#ECE1D6, #4B7EA2, #1C2A90, #001F1F, #020008)
• Patina Denim Courtyard color palette (#E8F2EA, #73ACBA, #005D7B, #002B29, #000103)
• Washed Meadow color palette (#EDDFE8, #519FAF, #005E8D, #003D29, #02002E)
• Terracotta Boulevard color palette (#FADFF5, #A979B0, #9F4146, #003A4F, #030009)
• Lowlit Delta color palette (#CFE2E7, #004E79, #090091, #140036, #030005)
• Softworn Cobalt color palette (#F2E7DE, #8EC0AD, #4466B8, #004C48, #190838)
• Eclipse Chestnut Corridor color palette (#FCE1C6, #635000, #3F2200, #230100, #010100)

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