Quiet Navy color palette — #FCF7D3 · #A1CFAF · #42908E · #006684 · #324184
A conversation between Indigo and Peacock, giving this palette its sense of nature and growth.
The five colors
- Custard (#FCF7D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A1CFAF): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#42908E): A luminous, dusty teal — the color of glacier melt.
- Peacock (#006684): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#324184): A full-bodied, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Quiet 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
- Sunlit Balcony color palette (#EFFBD4, #8DC9C4, #4A8AA7, #3A5AA0, #503677)
- Muted Petrol Balcony color palette (#ECFCD8, #A0E0D2, #44B1B4, #11829E, #0F4E6E)
- Wandering Cerulean color palette (#CBFDFD, #8BCCC2, #1099A4, #005C73, #00334A)
- Aged Lagoon color palette (#FFF3E6, #CABC94, #5C9669, #006B61, #004F5C)
- Weathered Nightshade Thicket color palette (#D3F0DE, #00A295, #006182, #0F00A1, #2E005B)
- Quiet Aubergine Delta color palette (#C5F8BB, #00BCAD, #00788D, #004881, #32008E)
- Hushed Villa color palette (#FFF2EA, #AAAB80, #318493, #864428, #464942)
- Misty Lantern color palette (#B6F0D5, #51B1BA, #0072A7, #272AA6, #4C0066)
Browse the whole catalog at Explore, or see today's palette.