Navy Atelier color palette — #DBE5D2 · #007B60 · #004F60 · #0F236E · #1E2200

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

The five colors

• Celadon Mist (#DBE5D2): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#007B60): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#004F60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#0F236E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#1E2200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

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

• Hushed Ridge color palette (#CFEAD3, #00777F, #00487F, #37116A, #012803)
• Dusty Navy Canyon color palette (#EBF6E3, #008B73, #005D76, #2A3273, #223100)
• Olive Orchard color palette (#E4E3C8, #4D7700, #005249, #003248, #291E00)
• Tempered Onyx color palette (#E3F0E0, #00665E, #003C55, #1D005E, #081600)
• Pine Chapel color palette (#E0E5D2, #008043, #004B75, #470040, #140700)
• Petrol Bloom color palette (#EFF0DF, #6DC1C4, #007681, #005049, #00343E)
• Obsidian Navy Thicket color palette (#D9F8E2, #00545F, #002560, #200033, #000B04)
• Lime Garden color palette (#E8F5CE, #5CCB37, #00B476, #007D6F, #003023)

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