Soft Navy color palette — #D1E9D8 · #00A098 · #006C7B · #004B65 · #003471
A conversation between Navy and Fern, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D1E9D8): A whisper-light, dusty teal — the color of sea glass.
- Fern (#00A098): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006C7B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B65): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#003471): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Antique Teal Workshop color palette (#C6EEDD, #00C8C1, #00A2AF, #007C97, #00324F)
- Emerald Meadow color palette (#E3ECD0, #00A84E, #00735F, #004E51, #003849)
- Nightshade Orchard color palette (#C1EBE9, #0097B6, #006D9A, #1726A3, #2B1F69)
- Ancient Loft color palette (#CFF1FF, #00A3DC, #00627B, #003144, #001C2A)
- Rust Harbor color palette (#B3F2F4, #00979C, #B14F00, #005A5D, #4D1E00)
- Navy Villa color palette (#C8E9E5, #00B5DD, #0076B8, #224B9E, #423367)
- Aqua Lantern color palette (#EBFCD7, #5DD6CE, #3194B4, #3A6685, #634B5F)
- Powdered Courtyard color palette (#CEF5FC, #007F90, #9D4700, #654700, #002A30)
Browse the whole catalog at Explore, or see today's palette.