Quiet Coast color palette — #E9F8FF · #0099AE · #A13B4A · #00563D · #003B3C
Built around Garnet, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Cerulean (#0099AE): A luminous, balanced blue — the color of deep harbor water.
- Garnet (#A13B4A): A full-bodied, balanced red — the color of late-summer berries.
- Deep Olive (#00563D): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003B3C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Cobalt Veranda color palette (#EDF6FF, #448FCA, #8B5600, #00563E, #003A3C)
- Fern Market color palette (#E6FAFB, #2C9E7E, #8A477E, #225608, #01423D)
- Tempered Terrace color palette (#EAF8FB, #009D98, #9D3F4E, #5B4400, #2F3708)
- Iris Lagoon color palette (#FAEDF6, #7583E5, #914A63, #543C00, #152301)
- Iris Meadow color palette (#F0F5FF, #8B9BFF, #AF6876, #685E21, #083F4A)
- Olive Bloom color palette (#FFF1F6, #B6B283, #578047, #5C5476, #32483D)
- Tempered Pier color palette (#E7F5FF, #A9B8DD, #A0718B, #416868, #2D4E5C)
- Worn Pine color palette (#FAF2F9, #B7E5F4, #4994B5, #297245, #344964)
Browse the whole catalog at Explore, or see today's palette.