Quiet Coast color palette — #E5FFCD · #40E49D · #00908A · #00505F · #001A2E
A conversation between Aqua and Fern, giving this palette its sense of nature and growth.
The five colors
- Custard (#E5FFCD): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#40E49D): A luminous, vivid teal — the color of sea glass.
- Fern (#00908A): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00505F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001A2E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Weathered Chartreuse color palette (#F5FF97, #82DC72, #009F75, #005758, #001820)
- Wandering Aqua Hollow color palette (#DBFFEC, #00DACF, #008AAC, #005083, #0C0053)
- Muted Mint Lagoon color palette (#D3F1E5, #00D9C3, #00AAA9, #008088, #003038)
- Dusty Thicket color palette (#D2F4DF, #008D7E, #004A53, #00141F, #00000B)
- Clover Hollow color palette (#FFF2EF, #29C96D, #008191, #87001E, #001E17)
- Jade Quarry color palette (#DEEED5, #00AC73, #006A66, #004352, #1D244A)
- Hushed Emerald color palette (#FFF4DC, #C2C92F, #27990E, #00543D, #00201F)
- Worn Bloom color palette (#CEF7FF, #009188, #4F554F, #00313E, #000A09)
Browse the whole catalog at Explore, or see today's palette.