Navy Lagoon color palette — #FCD9EB · #006454 · #002E5B · #260B00 · #000203
A conversation between Navy and Pine, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#FCD9EB): A whisper-light, dusty rose — the color of strawberry cream.
- Pine (#006454): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#002E5B): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#260B00): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#000203): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, dark, muted.
Use it as a design system
One click turns Navy Lagoon 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
- Smoked Villa color palette (#E9D8E8, #1A6702, #003540, #2E0005, #000201)
- Twilit Loft color palette (#EFE1C6, #00646A, #003351, #35000F, #000E12)
- Shadow Navy color palette (#E2F3DF, #00625F, #0C0093, #1F1000, #000203)
- Navy Terrace color palette (#E1E8D9, #007E7B, #0D4370, #232600, #060800)
- Lagoon Harbor color palette (#F9EEDE, #00878D, #00476D, #3A0011, #000102)
- Onyx Grove color palette (#D7F1F2, #00573F, #4D003C, #190D00, #020100)
- Tempered Lagoon Meadow color palette (#F3E5F4, #369B97, #005264, #022E04, #00040D)
- Muted Navy Summit color palette (#F0DFD9, #008477, #0043A1, #4E1600, #000E12)
Browse the whole catalog at Explore, or see today's palette.