Navy Drift color palette — #F6E3D3 · #AF5E00 · #006D39 · #003884 · #280405
Built around Navy, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Parchment (#F6E3D3): A whisper-light, dusty gold — the color of old brass.
- Ochre (#AF5E00): A full-bodied, balanced gold — the color of old brass.
- Pine (#006D39): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003884): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#280405): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Navy Drift 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
- Softworn Rust Veranda color palette (#F9E5D7, #C65A00, #605D00, #00475E, #270119)
- Nightshade Alley color palette (#F2EBDC, #8A7400, #00764E, #1B22BE, #2C0703)
- Sunlit Parlor color palette (#EFDDD7, #C76466, #27761C, #262E9F, #42000A)
- Hushed Aubergine Alley color palette (#EBE5D3, #776F00, #005B43, #340099, #120300)
- Bronze Boulevard color palette (#FFF0F7, #B76400, #00736B, #004652, #020007)
- Pale Nightshade Boulevard color palette (#F1DABD, #CD7955, #766A00, #442F9B, #371D00)
- Tempered Aubergine color palette (#F2EFE1, #525900, #004B4A, #3C0068, #040200)
- Muted Bronze color palette (#F7EAD7, #926A00, #30370F, #1F1400, #0A0300)
Browse the whole catalog at Explore, or see today's palette.