Quiet Coast color palette — #D8EADD · #9BB04F · #3D8444 · #645423 · #003126
Sage and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D8EADD): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9BB04F): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#3D8444): A full-bodied, balanced green — the color of fresh herbs.
- Coffee (#645423): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#003126): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Dusty Jade color palette (#D2EBE2, #6EB974, #0B856B, #774448, #00302D)
- Ancient Olive Veranda color palette (#FCF5E3, #B3C385, #568546, #5C5109, #151B00)
- Quiet Atelier color palette (#D8F3E7, #55A94D, #007255, #454913, #00201D)
- Worn Mustard color palette (#DDF2DB, #C3AB00, #648500, #006B55, #362E00)
- Faded Lantern color palette (#D6E2D3, #00BF79, #00836B, #005B59, #00363E)
- Misty Jade Balcony color palette (#EEE3D3, #B3C18C, #45A76D, #916F26, #252D00)
- Hazy Orchard color palette (#E2FDEE, #9ACC71, #3F9A6C, #1F767E, #1A433B)
- Ancient Pier color palette (#D4F2DD, #6A7E24, #00551B, #003332, #000805)
Browse the whole catalog at Explore, or see today's palette.