Faded Navy color palette — #FBF0E1 · #9E6B00 · #00634B · #123678 · #4C102E
A conversation between Navy and Ochre, giving this palette its sense of trust and stability.
The five colors
- Cream (#FBF0E1): A whisper-light, dusty gold — the color of honey in a jar.
- Ochre (#9E6B00): A full-bodied, balanced gold — the color of old brass.
- Pine (#00634B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#123678): A deep, shadowed, balanced violet — the color of a velvet chair.
- Espresso (#4C102E): A deep, shadowed, balanced rose — the color of strawberry cream.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Faded 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
- Misty Bronze color palette (#FCF5E4, #9B8824, #007467, #2B4481, #56243F)
- Patina Olive color palette (#F5F3DB, #69822F, #005F6D, #452967, #4D170E)
- Chalky Orchard color palette (#FFEEE3, #BA5522, #415E15, #00424E, #331C53)
- Gentle Amber color palette (#E5F7EB, #B09321, #007AAE, #00567C, #411744)
- Navy Field color palette (#DBE6CD, #007C57, #00448B, #550039, #2C1C00)
- Gentle Archive color palette (#F8EAD4, #6E5300, #004135, #02006B, #280014)
- Dusty Forest Lantern color palette (#F8F5E8, #9E9E74, #347248, #693E2C, #36362F)
- Wandering Thicket color palette (#F9E9E7, #B35981, #0D6E29, #410A63, #2B0016)
Browse the whole catalog at Explore, or see today's palette.