Quiet Navy color palette — #B8EADF · #008A7A · #00585D · #222871 · #002B28
A conversation between Navy and Fern, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B8EADF): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008A7A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#00585D): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#222871): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Forest (#002B28): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, 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
- Worn Aubergine color palette (#B2EBE6, #00869B, #005376, #451765, #002935)
- Pine Coast color palette (#BCEAD9, #128F31, #005B44, #003754, #002D15)
- Forest Bloom color palette (#CBECEA, #569C7F, #006452, #1D482D, #003032)
- Petrol Grove color palette (#E6F1F0, #8DB8D0, #087296, #004E57, #00324B)
- Charred Cypress Courtyard color palette (#D3F0F8, #006260, #3F363D, #001E28, #000B0F)
- Onyx Workshop color palette (#DEF4E6, #00617F, #003159, #2C0033, #000D17)
- Pine Canyon color palette (#F1E1ED, #308D55, #005663, #590106, #00120D)
- Aged Workshop color palette (#D3F7FF, #00CE9D, #00AA9E, #007C8C, #002929)
Browse the whole catalog at Explore, or see today's palette.