Quiet Coast color palette — #D0ECE7 · #00B5CA · #0087B1 · #205380 · #3B2238
Built around Cyan, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0ECE7): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00B5CA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0087B1): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#205380): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#3B2238): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Quiet Periwinkle color palette (#C9EEFB, #4BAEF3, #477AC2, #474983, #422331)
- Cerulean Canyon color palette (#BCF4E3, #45BFC3, #0088AA, #29558E, #3D4063)
- Turquoise Station color palette (#DFF9ED, #32B2E4, #BA7E4A, #006E92, #392107)
- Pale Ridge color palette (#E2FAFF, #8AE6FF, #35B7DF, #247092, #1E3D55)
- Muted Teal color palette (#DEF4E5, #00C0A2, #008685, #005763, #093829)
- Nightshade Study color palette (#D0E6EC, #009ACF, #0068AA, #1D12A3, #1D0852)
- Tempered Sky Harbor color palette (#E7F4FF, #73BCFF, #4178B0, #0B426C, #00162F)
- Hushed Ridge color palette (#DEF9EE, #E1DCF1, #DBBCF1, #46878B, #392939)
Browse the whole catalog at Explore, or see today's palette.