Sunlit Navy Harbor color palette — #DCEBAB · #5EB38F · #007272 · #00465D · #081C79
Navy and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DCEBAB): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#5EB38F): A luminous, balanced teal — the color of glacier melt.
- Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00465D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#081C79): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Sunlit Navy Harbor 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
- Worn Cypress Atelier color palette (#F9E1AE, #8CAA69, #007654, #004B4F, #003446)
- Patina Teal color palette (#CFEDDC, #30AC9B, #00747A, #004151, #001928)
- Hushed Cabin color palette (#D9F0AE, #3DDFAE, #00B8BA, #007FAE, #18226F)
- Airy Teal color palette (#DEECE5, #4DC8B9, #00969D, #006078, #00324F)
- Muted Coast color palette (#DFFFDF, #6DC0AE, #007F9A, #005292, #3E2B7D)
- Tempered Veranda color palette (#E3F0D8, #00906B, #004F55, #002B44, #13004D)
- Soft Nightshade Alley color palette (#D2EADF, #00ABAF, #006593, #1F00B9, #43005F)
- Dusty Garnet Bloom color palette (#FFEADF, #579855, #00657B, #761700, #003A2D)
Browse the whole catalog at Explore, or see today's palette.