Quiet Navy color palette — #DBFFEE · #8AF0E7 · #45B1C8 · #2072A6 · #202878
Built around Navy, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DBFFEE): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#8AF0E7): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#45B1C8): A luminous, balanced blue — the color of open sky before noon.
- Slate (#2072A6): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#202878): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Teal Loft color palette (#EAFECC, #A0EFE8, #4CBBAB, #007386, #003555)
- Softworn Cobalt color palette (#E3F7FF, #8ADEF2, #51BADD, #008BC0, #00426D)
- Aubergine Bloom color palette (#D5FFFC, #B2EAFF, #7AACDF, #525DA7, #3E165F)
- Navy Canyon color palette (#C4ECEF, #0082B2, #003E8A, #100036, #030004)
- Lagoon Hollow color palette (#CAF0E3, #009BA2, #005A7A, #00183F, #01000A)
- Ultramarine Lantern color palette (#D6FFF8, #3CDAFA, #0088BF, #0127D7, #1C0045)
- Feathered Aubergine Harbor color palette (#E9F8FF, #76B7FF, #6A6ACA, #61108A, #28001F)
- Ancient Seafoam Hollow color palette (#FFF2EB, #78E1D4, #5C98C6, #8B5242, #1E3926)
Browse the whole catalog at Explore, or see today's palette.