Quiet Coast color palette — #FFF0F9 · #5FC7E8 · #0070C1 · #005747 · #282570
Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Sky (#5FC7E8): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#0070C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005747): A full-bodied, dusty teal — the color of sea glass.
- Royal Purple (#282570): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Ancient Cobalt color palette (#FBF2F8, #A0CCE4, #447DAF, #00624C, #32385A)
- Wandering Cobalt color palette (#F7F1E7, #81C7E0, #007AB0, #005153, #001A38)
- Softworn Denim Bloom color palette (#F1E5EB, #65A9C6, #1355A4, #003F36, #1D1546)
- Muted Coast color palette (#FBF2F6, #D9DEEF, #829AC4, #347C75, #4C5168)
- Aged Periwinkle color palette (#FFF2EA, #9FE6FF, #62AFFF, #009A80, #2A2867)
- Spruce Thicket color palette (#EADFEB, #539E9A, #005264, #033304, #001529)
- Washed Navy color palette (#F3E6EA, #5D85A4, #233085, #002222, #0F0023)
- Plum Workshop color palette (#FFE6EC, #CD0067, #007655, #00585A, #470320)
Browse the whole catalog at Explore, or see today's palette.