Chalky Navy color palette — #EFF4E6 · #53A077 · #02727B · #084273 · #22153C

Navy and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF4E6): a clean, paper-quiet neutral.
• Fern (#53A077): A luminous, balanced teal — the color of glacier melt.
• Teal (#02727B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#084273): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#22153C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Chalky Navy 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 Orchard color palette (#EFF4E5, #569F74, #00727C, #154075, #212000)
• Sunlit Ridge color palette (#D2E8CC, #008379, #005373, #260080, #1E001E)
• Antique Petrol color palette (#F1F3EB, #C8E4D6, #5A95B8, #006A7B, #0B2F48)
• Softworn Station color palette (#E1F3E5, #008C9A, #245497, #42205C, #001A0D)
• Wandering Atelier color palette (#EEF3C9, #B0BC9A, #84937A, #3F6458, #442D43)
• Dusty Moss Corridor color palette (#F8F1E2, #9C8F2D, #297645, #004A4F, #331500)
• Ultramarine Lagoon color palette (#E3F8E9, #0093A7, #0E57B2, #4A1778, #31001F)
• Hushed Bloom color palette (#CDE5D9, #007699, #333B8E, #41004D, #1D0007)

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