Quiet Navy color palette — #FFF0FD · #69C8D4 · #0077A5 · #005936 · #0F2D6D
Navy and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#69C8D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005936): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#0F2D6D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Sapphire Study color palette (#FFF1F6, #7EC1E8, #3566D0, #005651, #371C71)
- Petrol Canyon color palette (#F8F1E5, #84C9D0, #007E9A, #005348, #001D2C)
- Cerulean Workshop color palette (#EAFAED, #7DDCE7, #009CBD, #007465, #003850)
- Washed Field color palette (#EBE0E9, #65ABB9, #005D8C, #00402C, #101A47)
- Antique Cypress Orchard color palette (#FAF3F7, #D5E0F2, #7D9DBB, #417C67, #46536C)
- Dusty Studio color palette (#D6FFF7, #81E0CF, #559FF7, #6D6300, #004436)
- Timeworn Navy Station color palette (#F7E1EB, #5F97B4, #003FA6, #00302B, #16013E)
- Antique Alley color palette (#BFFFD5, #00AF87, #006C44, #003627, #002015)
Browse the whole catalog at Explore, or see today's palette.