Gentle Navy color palette — #F0F1CD · #00A186 · #006163 · #120087 · #000504
Indigo and Fern set the tone — five colors that lean into creativity and calm.
The five colors
- Custard (#F0F1CD): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#00A186): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#006163): A full-bodied, dusty teal — the color of sea glass.
- Indigo (#120087): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#000504): quiet, heavy and certain.
Feels like: Creativity, Calm, Energy, Balance. Tagged retro, cool.
Use it as a design system
One click turns Gentle 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
- Frosted Emerald Grove color palette (#F3F0CB, #00A465, #006356, #002C53, #000503)
- Misty Market color palette (#EAF3D4, #009BB0, #005C80, #3E0064, #000507)
- Timeworn Corridor color palette (#E4EFD4, #007859, #004743, #001D5C, #001B15)
- Navy Pier color palette (#C8EDDA, #006B97, #002E6A, #1B001B, #000103)
- Hushed Emerald color palette (#F0F6E0, #00924D, #005861, #391D00, #010200)
- Aged Cerulean color palette (#F5F7E8, #99D8E5, #0088A5, #005153, #000F17)
- Weathered Cabin color palette (#FFDBCC, #007940, #00444E, #3E001F, #000705)
- Worn Navy Corridor color palette (#C6F2F4, #62AEC1, #3C7699, #48336B, #210628)
Browse the whole catalog at Explore, or see today's palette.