Quiet Cobalt color palette — #FCF2F7 · #ABD4EF · #4880C9 · #00685A · #3B3573
Azure and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Powder Blue (#ABD4EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#4880C9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00685A): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#3B3573): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Cobalt 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
- Powdered Forest Bloom color palette (#FCF1FC, #97DCDE, #008CB3, #006C2E, #0C3F77)
- Linen Cobalt color palette (#F6F1E9, #99DAF8, #008AD3, #006168, #04234F)
- Sapphire Dune color palette (#FFF0F7, #88C0E0, #2A64DB, #005650, #371B73)
- Feathered Azure color palette (#EDF9EF, #ABE5FF, #10A4F8, #00818A, #244068)
- Patina Cypress Lantern color palette (#FAF3F5, #DADDEE, #8A96C8, #007E81, #4D4F6F)
- Navy Studio color palette (#CEE9DF, #00B6B5, #0080A3, #005186, #2D327B)
- Gentle Bronze Parlor color palette (#D8EFFF, #008CB8, #9E6300, #675B00, #003649)
- Timeworn Mallow Hollow color palette (#ECF7FF, #E1D6EE, #F19EEC, #008A7B, #2F486B)
Browse the whole catalog at Explore, or see today's palette.