Quiet Coast color palette — #F4F7ED · #C8EAFF · #6ABFFF · #00A0C4 · #1E4166
Sky and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F7ED): a clean, paper-quiet neutral.
- Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#6ABFFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#00A0C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#1E4166): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Coast 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
- Aqua Drift color palette (#F5F7E7, #B0F2F7, #00CDE6, #00A69E, #004857)
- Powdered Periwinkle Quarry color palette (#EDF0E7, #ADD9FF, #5CA7FF, #008AB9, #1A2D4F)
- Seafoam Meadow color palette (#ECFAE6, #00E4C8, #A5AFFF, #00AF9A, #30336B)
- Aged Cobalt Summit color palette (#EBEEE2, #80B9D5, #008CCA, #006A7D, #001528)
- Quiet Moss color palette (#B6FAF8, #00CECD, #78ABFF, #7AAF00, #003838)
- Worn Glacier color palette (#F5F6EF, #BCE2E6, #83D7DB, #6FB1A1, #445849)
- Softworn Cobalt Dune color palette (#FBF0E6, #9FD9F7, #5883C7, #00635A, #251753)
- Quiet Seafoam Field color palette (#D4FFFE, #03F2E9, #00C2C2, #008B87, #002E2D)
Browse the whole catalog at Explore, or see today's palette.