Quiet Navy color palette — #CCFFDF · #84E2D6 · #60BECC · #3F8EC2 · #203882
Built around Navy, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CCFFDF): A whisper-light, dusty teal — the color of glacier melt.
- Lagoon (#84E2D6): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#60BECC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#3F8EC2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#203882): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Pale Aubergine color palette (#C2FFF7, #88E2FA, #73B7F2, #6B84C6, #442477)
- Petrol Corridor color palette (#D3FFFE, #76D1DD, #38A0B8, #007293, #00405B)
- Faded Courtyard color palette (#EFFDC8, #A8E3BB, #52C4AC, #009AA8, #00405A)
- Softworn Onyx Loft color palette (#C4F7D4, #61BDB1, #00899C, #004A70, #021D58)
- Sapphire Bloom color palette (#CEE5DE, #00D2E9, #00A1E1, #1A59F3, #260071)
- Navy Field color palette (#D3F0E5, #00A4A2, #007A9B, #004A8A, #06002E)
- Ancient Ash Basin color palette (#F2F7F0, #D1DFDC, #A6B5BE, #74A3C5, #444A41)
- Hushed Seafoam color palette (#FFF2EC, #77DDC7, #74ACCF, #B06E60, #2C442F)
Browse the whole catalog at Explore, or see today's palette.