Muted Coast color palette — #C8F8E9 · #97BD8D · #4F9169 · #286B54 · #0A3D43
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C8F8E9): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#97BD8D): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#4F9169): A luminous, balanced teal — the color of glacier melt.
- Pine (#286B54): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#0A3D43): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Muted 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
- Aged Balcony color palette (#C9F7FC, #71C3BA, #338F97, #196778, #213F50)
- Lagoon Ridge color palette (#FFF5D8, #ABBA8B, #4F9365, #007263, #39543C)
- Hushed Pine color palette (#E1F7F7, #84C4A1, #BC8AAB, #31835D, #362A46)
- Driftwood Dune color palette (#D3F1D5, #CEBC82, #88823F, #545E2C, #083B31)
- Forest Grove color palette (#D3FAFF, #9AD4C4, #4D9283, #0F5E4D, #002720)
- Hushed Station color palette (#E6F4E8, #00B881, #00876E, #005652, #003031)
- Worn Pewter color palette (#E8F6EB, #A4C4B3, #6E8B76, #6E4D58, #1A312A)
- Tempered Iris color palette (#DCF8FA, #61AE90, #8984C4, #9B6B54, #0E2D2E)
Browse the whole catalog at Explore, or see today's palette.