Navy Workshop color palette — #F5F2E6 · #959555 · #5C6F2D · #2B4383 · #281808
Built around Navy, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F2E6): a clean, paper-quiet neutral.
- Moss (#959555): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5C6F2D): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#2B4383): A deep, shadowed, balanced violet — the color of wild irises.
- Onyx (#281808): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Navy Workshop 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
- Dusty Navy Ridge color palette (#F2F3E7, #719560, #377E5D, #5B427C, #201806)
- Ancient Study color palette (#FBEFEA, #AD7770, #647328, #324D80, #24140D)
- Olive Corridor color palette (#FEEFE1, #CF9F86, #6D8149, #534A78, #392912)
- Amber Coast color palette (#FEF3EA, #B57547, #00797A, #3C4C7F, #43312F)
- Airy Aubergine color palette (#F8F2DB, #777900, #006536, #4B007D, #100E00)
- Worn Fern color palette (#FFEEE6, #E2BA97, #958544, #3B6116, #003726)
- Ancient Boulevard color palette (#EBF6DE, #007E59, #004B6A, #59001F, #000A05)
- Worn Driftwood color palette (#F3EDDF, #92833B, #3A4000, #251D0C, #110B07)
Browse the whole catalog at Explore, or see today's palette.